<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>iconfont Demo</title>
		<link
			rel="shortcut icon"
			href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
			type="image/x-icon"
		/>
		<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" />
		<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" />
		<link rel="stylesheet" href="demo.css" />
		<link rel="stylesheet" href="iconfont.css" />
		<script src="iconfont.js"></script>
		<!-- jQuery -->
		<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
		<!-- 代码高亮 -->
		<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
		<style>
			.main .logo {
				margin-top: 0;
				height: auto;
			}

			.main .logo a {
				display: flex;
				align-items: center;
			}

			.main .logo .sub-title {
				margin-left: 0.5em;
				font-size: 22px;
				color: #fff;
				background: linear-gradient(-45deg, #3967ff, #b500fe);
				background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<h1 class="logo">
				<a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
					<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg" />
				</a>
			</h1>
			<div class="nav-tabs">
				<ul id="tabs" class="dib-box">
					<li class="dib active"><span>Unicode</span></li>
					<li class="dib"><span>Font class</span></li>
					<li class="dib"><span>Symbol</span></li>
				</ul>

				<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4006213" target="_blank" class="nav-more"
					>查看项目</a
				>
			</div>
			<div class="tab-container">
				<div class="content unicode" style="display: block">
					<ul class="icon_lists dib-box">
						<li class="dib">
							<span class="icon iconfont">&#xe60c;</span>
							<div class="name">Nine-screen display-fill</div>
							<div class="code-name">&amp;#xe60c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60d;</span>
							<div class="name">Split screen-fill</div>
							<div class="code-name">&amp;#xe60d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe615;</span>
							<div class="name">Sixteen-screen display-fill</div>
							<div class="code-name">&amp;#xe615;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c9;</span>
							<div class="name">folder-3-line</div>
							<div class="code-name">&amp;#xe9c9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c7;</span>
							<div class="name">file-warning-line</div>
							<div class="code-name">&amp;#xe9c7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c8;</span>
							<div class="name">file-warning-fill</div>
							<div class="code-name">&amp;#xe9c8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c6;</span>
							<div class="name">alert-fill</div>
							<div class="code-name">&amp;#xe9c6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe61c;</span>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">&amp;#xe61c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe61d;</span>
							<div class="name">openscreen-line</div>
							<div class="code-name">&amp;#xe61d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe61e;</span>
							<div class="name">delete-bin-6-line</div>
							<div class="code-name">&amp;#xe61e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe61b;</span>
							<div class="name">Fengpin1-01-fill</div>
							<div class="code-name">&amp;#xe61b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c4;</span>
							<div class="name">Fengpin8-fill</div>
							<div class="code-name">&amp;#xe9c4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c5;</span>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">&amp;#xe9c5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60b;</span>
							<div class="name">Fengpin1-3-line</div>
							<div class="code-name">&amp;#xe60b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe617;</span>
							<div class="name">hourglass-fill</div>
							<div class="code-name">&amp;#xe617;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe625;</span>
							<div class="name">Single screen-fill</div>
							<div class="code-name">&amp;#xe625;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe627;</span>
							<div class="name">screenshot-2-fill</div>
							<div class="code-name">&amp;#xe627;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe62a;</span>
							<div class="name">volume-mute-fill</div>
							<div class="code-name">&amp;#xe62a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe62d;</span>
							<div class="name">zoom-out-line</div>
							<div class="code-name">&amp;#xe62d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe62f;</span>
							<div class="name">volume-up-fill</div>
							<div class="code-name">&amp;#xe62f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe604;</span>
							<div class="name">DeleteOutlined</div>
							<div class="code-name">&amp;#xe604;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe606;</span>
							<div class="name">Monitoring-full</div>
							<div class="code-name">&amp;#xe606;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60a;</span>
							<div class="name">play-circle-line</div>
							<div class="code-name">&amp;#xe60a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe619;</span>
							<div class="name">icon_monitor</div>
							<div class="code-name">&amp;#xe619;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c1;</span>
							<div class="name">back_hand</div>
							<div class="code-name">&amp;#xe9c1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c2;</span>
							<div class="name">unzoom-in-line</div>
							<div class="code-name">&amp;#xe9c2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c3;</span>
							<div class="name">back_Fist</div>
							<div class="code-name">&amp;#xe9c3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9c0;</span>
							<div class="name">broom</div>
							<div class="code-name">&amp;#xe9c0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9bf;</span>
							<div class="name">corsor-line</div>
							<div class="code-name">&amp;#xe9bf;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9ad;</span>
							<div class="name">fullscreen-line</div>
							<div class="code-name">&amp;#xe9ad;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9ae;</span>
							<div class="name">fullscreen-exit-line</div>
							<div class="code-name">&amp;#xe9ae;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9af;</span>
							<div class="name">tv-2-fill</div>
							<div class="code-name">&amp;#xe9af;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b0;</span>
							<div class="name">layout-masonry-line</div>
							<div class="code-name">&amp;#xe9b0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b1;</span>
							<div class="name">list-check</div>
							<div class="code-name">&amp;#xe9b1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b2;</span>
							<div class="name">video-add-fill</div>
							<div class="code-name">&amp;#xe9b2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b3;</span>
							<div class="name">video-add-line</div>
							<div class="code-name">&amp;#xe9b3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b4;</span>
							<div class="name">AI service-line</div>
							<div class="code-name">&amp;#xe9b4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b5;</span>
							<div class="name">Fengpin1-1-fill</div>
							<div class="code-name">&amp;#xe9b5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b6;</span>
							<div class="name">Fengpin1-1-line</div>
							<div class="code-name">&amp;#xe9b6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b7;</span>
							<div class="name">Fengpin1-line</div>
							<div class="code-name">&amp;#xe9b7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b8;</span>
							<div class="name">Fengpin1-fill</div>
							<div class="code-name">&amp;#xe9b8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9b9;</span>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">&amp;#xe9b9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9ba;</span>
							<div class="name">Fengpin9-fill</div>
							<div class="code-name">&amp;#xe9ba;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9bb;</span>
							<div class="name">fengpinHalf-line</div>
							<div class="code-name">&amp;#xe9bb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9bc;</span>
							<div class="name">Fengpin9-line</div>
							<div class="code-name">&amp;#xe9bc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9bd;</span>
							<div class="name">monitor-line</div>
							<div class="code-name">&amp;#xe9bd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9be;</span>
							<div class="name">Fengpin4-line</div>
							<div class="code-name">&amp;#xe9be;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9ac;</span>
							<div class="name">user-unfollow-line</div>
							<div class="code-name">&amp;#xe9ac;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a6;</span>
							<div class="name">wechat-fill</div>
							<div class="code-name">&amp;#xe9a6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a2;</span>
							<div class="name">database-2-line</div>
							<div class="code-name">&amp;#xe9a2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a3;</span>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">&amp;#xe9a3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a4;</span>
							<div class="name">Icon-Wrapper</div>
							<div class="code-name">&amp;#xe9a4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a5;</span>
							<div class="name">prohibited-line</div>
							<div class="code-name">&amp;#xe9a5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a7;</span>
							<div class="name">drag-line</div>
							<div class="code-name">&amp;#xe9a7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a8;</span>
							<div class="name">file-upload-line</div>
							<div class="code-name">&amp;#xe9a8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a9;</span>
							<div class="name">Icon-Wrapper-1</div>
							<div class="code-name">&amp;#xe9a9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9aa;</span>
							<div class="name">file-transfer-line</div>
							<div class="code-name">&amp;#xe9aa;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9ab;</span>
							<div class="name">bg-model 2</div>
							<div class="code-name">&amp;#xe9ab;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe613;</span>
							<div class="name">Multilateral-line</div>
							<div class="code-name">&amp;#xe613;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe614;</span>
							<div class="name">Square-line</div>
							<div class="code-name">&amp;#xe614;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe612;</span>
							<div class="name">circle-line</div>
							<div class="code-name">&amp;#xe612;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60f;</span>
							<div class="name">point-line</div>
							<div class="code-name">&amp;#xe60f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe610;</span>
							<div class="name">Dottedline-line</div>
							<div class="code-name">&amp;#xe610;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe611;</span>
							<div class="name">line-line</div>
							<div class="code-name">&amp;#xe611;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe60e;</span>
							<div class="name">loader-4-fill</div>
							<div class="code-name">&amp;#xe60e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe65a;</span>
							<div class="name">arrow-down-rectangle</div>
							<div class="code-name">&amp;#xe65a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe65b;</span>
							<div class="name">arrow-down</div>
							<div class="code-name">&amp;#xe65b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe65c;</span>
							<div class="name">caret-down</div>
							<div class="code-name">&amp;#xe65c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99b;</span>
							<div class="name">arrow-go-back-line</div>
							<div class="code-name">&amp;#xe99b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99c;</span>
							<div class="name">algorithm-line</div>
							<div class="code-name">&amp;#xe99c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99d;</span>
							<div class="name">upload-line</div>
							<div class="code-name">&amp;#xe99d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99e;</span>
							<div class="name">wechat-2-line</div>
							<div class="code-name">&amp;#xe99e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99f;</span>
							<div class="name">settings-6-line</div>
							<div class="code-name">&amp;#xe99f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a0;</span>
							<div class="name">user-settings-line</div>
							<div class="code-name">&amp;#xe9a0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe9a1;</span>
							<div class="name">drag-line</div>
							<div class="code-name">&amp;#xe9a1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe959;</span>
							<div class="name">checkbox-circle-fill</div>
							<div class="code-name">&amp;#xe959;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95a;</span>
							<div class="name">close-circle-line</div>
							<div class="code-name">&amp;#xe95a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95b;</span>
							<div class="name">checkbox-circle-line</div>
							<div class="code-name">&amp;#xe95b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95c;</span>
							<div class="name">add-circle-line</div>
							<div class="code-name">&amp;#xe95c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95d;</span>
							<div class="name">check-double-line</div>
							<div class="code-name">&amp;#xe95d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95e;</span>
							<div class="name">close-circle-fill</div>
							<div class="code-name">&amp;#xe95e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe95f;</span>
							<div class="name">delete-back-2-fill</div>
							<div class="code-name">&amp;#xe95f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe960;</span>
							<div class="name">delete-bin-line</div>
							<div class="code-name">&amp;#xe960;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe961;</span>
							<div class="name">error-warning-fill</div>
							<div class="code-name">&amp;#xe961;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe962;</span>
							<div class="name">download-cloud-line</div>
							<div class="code-name">&amp;#xe962;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe963;</span>
							<div class="name">download-cloud-fill</div>
							<div class="code-name">&amp;#xe963;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe964;</span>
							<div class="name">delete-bin-fill</div>
							<div class="code-name">&amp;#xe964;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe965;</span>
							<div class="name">delete-back-2-line</div>
							<div class="code-name">&amp;#xe965;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe966;</span>
							<div class="name">error-warning-line</div>
							<div class="code-name">&amp;#xe966;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe967;</span>
							<div class="name">download-2-line</div>
							<div class="code-name">&amp;#xe967;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe968;</span>
							<div class="name">eye-line</div>
							<div class="code-name">&amp;#xe968;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe969;</span>
							<div class="name">eye-off-line</div>
							<div class="code-name">&amp;#xe969;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96a;</span>
							<div class="name">eye-close-line</div>
							<div class="code-name">&amp;#xe96a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96b;</span>
							<div class="name">filter-fill</div>
							<div class="code-name">&amp;#xe96b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96c;</span>
							<div class="name">eye-off-fill</div>
							<div class="code-name">&amp;#xe96c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96d;</span>
							<div class="name">eye-close-fill</div>
							<div class="code-name">&amp;#xe96d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96e;</span>
							<div class="name">filter-line</div>
							<div class="code-name">&amp;#xe96e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe96f;</span>
							<div class="name">information-fill</div>
							<div class="code-name">&amp;#xe96f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe970;</span>
							<div class="name">eye-fill</div>
							<div class="code-name">&amp;#xe970;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe971;</span>
							<div class="name">function-fill</div>
							<div class="code-name">&amp;#xe971;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe972;</span>
							<div class="name">indeterminate-circle-line</div>
							<div class="code-name">&amp;#xe972;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe973;</span>
							<div class="name">lock-line</div>
							<div class="code-name">&amp;#xe973;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe974;</span>
							<div class="name">function-line</div>
							<div class="code-name">&amp;#xe974;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe975;</span>
							<div class="name">lock-fill</div>
							<div class="code-name">&amp;#xe975;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe976;</span>
							<div class="name">information-line</div>
							<div class="code-name">&amp;#xe976;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe977;</span>
							<div class="name">indeterminate-circle-fill</div>
							<div class="code-name">&amp;#xe977;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe978;</span>
							<div class="name">more-2-fill</div>
							<div class="code-name">&amp;#xe978;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe979;</span>
							<div class="name">loader-line</div>
							<div class="code-name">&amp;#xe979;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97a;</span>
							<div class="name">lock-unlock-fill</div>
							<div class="code-name">&amp;#xe97a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97b;</span>
							<div class="name">more-2-line</div>
							<div class="code-name">&amp;#xe97b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97c;</span>
							<div class="name">menu-fold-line</div>
							<div class="code-name">&amp;#xe97c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97d;</span>
							<div class="name">menu-unfold-line</div>
							<div class="code-name">&amp;#xe97d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97e;</span>
							<div class="name">menu-fold-fill</div>
							<div class="code-name">&amp;#xe97e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe97f;</span>
							<div class="name">menu-line</div>
							<div class="code-name">&amp;#xe97f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe980;</span>
							<div class="name">more-line</div>
							<div class="code-name">&amp;#xe980;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe981;</span>
							<div class="name">more-fill</div>
							<div class="code-name">&amp;#xe981;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe982;</span>
							<div class="name">question-line</div>
							<div class="code-name">&amp;#xe982;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe983;</span>
							<div class="name">share-box-line</div>
							<div class="code-name">&amp;#xe983;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe984;</span>
							<div class="name">refresh-fill</div>
							<div class="code-name">&amp;#xe984;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe985;</span>
							<div class="name">question-fill</div>
							<div class="code-name">&amp;#xe985;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe986;</span>
							<div class="name">settings-line</div>
							<div class="code-name">&amp;#xe986;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe987;</span>
							<div class="name">search-fill</div>
							<div class="code-name">&amp;#xe987;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe988;</span>
							<div class="name">settings-fill</div>
							<div class="code-name">&amp;#xe988;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe989;</span>
							<div class="name">time-line</div>
							<div class="code-name">&amp;#xe989;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98a;</span>
							<div class="name">upload-cloud-fill</div>
							<div class="code-name">&amp;#xe98a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98b;</span>
							<div class="name">refresh-line</div>
							<div class="code-name">&amp;#xe98b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98c;</span>
							<div class="name">search-line</div>
							<div class="code-name">&amp;#xe98c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98d;</span>
							<div class="name">upload-2-line</div>
							<div class="code-name">&amp;#xe98d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98e;</span>
							<div class="name">menu-unfold-fill</div>
							<div class="code-name">&amp;#xe98e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe98f;</span>
							<div class="name">subtract-line</div>
							<div class="code-name">&amp;#xe98f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe990;</span>
							<div class="name">star-line</div>
							<div class="code-name">&amp;#xe990;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe991;</span>
							<div class="name">share-line</div>
							<div class="code-name">&amp;#xe991;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe992;</span>
							<div class="name">time-fill</div>
							<div class="code-name">&amp;#xe992;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe993;</span>
							<div class="name">star-fill</div>
							<div class="code-name">&amp;#xe993;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe994;</span>
							<div class="name">zoom-out-line</div>
							<div class="code-name">&amp;#xe994;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe995;</span>
							<div class="name">zoom-in-line</div>
							<div class="code-name">&amp;#xe995;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe996;</span>
							<div class="name">upload-cloud-line</div>
							<div class="code-name">&amp;#xe996;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe997;</span>
							<div class="name">zoom-in-fill</div>
							<div class="code-name">&amp;#xe997;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe998;</span>
							<div class="name">share-fill</div>
							<div class="code-name">&amp;#xe998;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe999;</span>
							<div class="name">zoom-out-fill</div>
							<div class="code-name">&amp;#xe999;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe99a;</span>
							<div class="name">lock-unlock-line</div>
							<div class="code-name">&amp;#xe99a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe955;</span>
							<div class="name">check-line</div>
							<div class="code-name">&amp;#xe955;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe956;</span>
							<div class="name">add-line</div>
							<div class="code-name">&amp;#xe956;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe957;</span>
							<div class="name">add-circle-fill</div>
							<div class="code-name">&amp;#xe957;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe958;</span>
							<div class="name">close-line</div>
							<div class="code-name">&amp;#xe958;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe935;</span>
							<div class="name">equalizer-line</div>
							<div class="code-name">&amp;#xe935;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe936;</span>
							<div class="name">camera-line</div>
							<div class="code-name">&amp;#xe936;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe937;</span>
							<div class="name">equalizer-fill</div>
							<div class="code-name">&amp;#xe937;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe938;</span>
							<div class="name">headphone-line</div>
							<div class="code-name">&amp;#xe938;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe939;</span>
							<div class="name">image-fill</div>
							<div class="code-name">&amp;#xe939;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93a;</span>
							<div class="name">image-line</div>
							<div class="code-name">&amp;#xe93a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93b;</span>
							<div class="name">live-line</div>
							<div class="code-name">&amp;#xe93b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93c;</span>
							<div class="name">live-fill</div>
							<div class="code-name">&amp;#xe93c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93d;</span>
							<div class="name">camera-fill</div>
							<div class="code-name">&amp;#xe93d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93e;</span>
							<div class="name">play-fill</div>
							<div class="code-name">&amp;#xe93e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe93f;</span>
							<div class="name">notification-off-fill</div>
							<div class="code-name">&amp;#xe93f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe940;</span>
							<div class="name">notification-line</div>
							<div class="code-name">&amp;#xe940;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe941;</span>
							<div class="name">memories-line</div>
							<div class="code-name">&amp;#xe941;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe942;</span>
							<div class="name">pause-line</div>
							<div class="code-name">&amp;#xe942;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe943;</span>
							<div class="name">notification-fill</div>
							<div class="code-name">&amp;#xe943;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe944;</span>
							<div class="name">shuffle-line</div>
							<div class="code-name">&amp;#xe944;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe945;</span>
							<div class="name">skip-forward-fill</div>
							<div class="code-name">&amp;#xe945;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe946;</span>
							<div class="name">stop-circle-line</div>
							<div class="code-name">&amp;#xe946;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe947;</span>
							<div class="name">skip-back-fill</div>
							<div class="code-name">&amp;#xe947;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe948;</span>
							<div class="name">skip-forward-line</div>
							<div class="code-name">&amp;#xe948;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe949;</span>
							<div class="name">notification-off-line</div>
							<div class="code-name">&amp;#xe949;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94a;</span>
							<div class="name">stop-circle-fill</div>
							<div class="code-name">&amp;#xe94a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94b;</span>
							<div class="name">stop-line</div>
							<div class="code-name">&amp;#xe94b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94c;</span>
							<div class="name">play-line</div>
							<div class="code-name">&amp;#xe94c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94d;</span>
							<div class="name">stop-fill</div>
							<div class="code-name">&amp;#xe94d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94e;</span>
							<div class="name">skip-back-line</div>
							<div class="code-name">&amp;#xe94e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe94f;</span>
							<div class="name">group-line</div>
							<div class="code-name">&amp;#xe94f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe950;</span>
							<div class="name">group-fill</div>
							<div class="code-name">&amp;#xe950;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe951;</span>
							<div class="name">team-fill</div>
							<div class="code-name">&amp;#xe951;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe952;</span>
							<div class="name">user-fill</div>
							<div class="code-name">&amp;#xe952;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe953;</span>
							<div class="name">user-line</div>
							<div class="code-name">&amp;#xe953;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe954;</span>
							<div class="name">team-line</div>
							<div class="code-name">&amp;#xe954;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe924;</span>
							<div class="name">link-m</div>
							<div class="code-name">&amp;#xe924;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe925;</span>
							<div class="name">list-unordered</div>
							<div class="code-name">&amp;#xe925;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe926;</span>
							<div class="name">code-view</div>
							<div class="code-name">&amp;#xe926;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe927;</span>
							<div class="name">organization-chart</div>
							<div class="code-name">&amp;#xe927;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe928;</span>
							<div class="name">mind-map</div>
							<div class="code-name">&amp;#xe928;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe929;</span>
							<div class="name">link-unlink-m</div>
							<div class="code-name">&amp;#xe929;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92a;</span>
							<div class="name">map-pin-line</div>
							<div class="code-name">&amp;#xe92a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92b;</span>
							<div class="name">map-pin-fill</div>
							<div class="code-name">&amp;#xe92b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92c;</span>
							<div class="name">map-pin-time-line</div>
							<div class="code-name">&amp;#xe92c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92d;</span>
							<div class="name">map-pin-user-fill</div>
							<div class="code-name">&amp;#xe92d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92e;</span>
							<div class="name">map-pin-time-fill</div>
							<div class="code-name">&amp;#xe92e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe92f;</span>
							<div class="name">pushpin-line</div>
							<div class="code-name">&amp;#xe92f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe930;</span>
							<div class="name">pushpin-fill</div>
							<div class="code-name">&amp;#xe930;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe931;</span>
							<div class="name">map-pin-user-line</div>
							<div class="code-name">&amp;#xe931;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe932;</span>
							<div class="name">road-map-fill</div>
							<div class="code-name">&amp;#xe932;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe933;</span>
							<div class="name">road-map-line</div>
							<div class="code-name">&amp;#xe933;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe934;</span>
							<div class="name">restart-line</div>
							<div class="code-name">&amp;#xe934;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe910;</span>
							<div class="name">edit-fill</div>
							<div class="code-name">&amp;#xe910;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe911;</span>
							<div class="name">pencil-ruler-2-fill</div>
							<div class="code-name">&amp;#xe911;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe912;</span>
							<div class="name">edit-line</div>
							<div class="code-name">&amp;#xe912;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe913;</span>
							<div class="name">pencil-ruler-2-line</div>
							<div class="code-name">&amp;#xe913;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe914;</span>
							<div class="name">file-code-line</div>
							<div class="code-name">&amp;#xe914;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe915;</span>
							<div class="name">draft-fill</div>
							<div class="code-name">&amp;#xe915;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe916;</span>
							<div class="name">file-fill</div>
							<div class="code-name">&amp;#xe916;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe917;</span>
							<div class="name">numbers-fill</div>
							<div class="code-name">&amp;#xe917;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe918;</span>
							<div class="name">file-copy-line</div>
							<div class="code-name">&amp;#xe918;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe919;</span>
							<div class="name">file-gif-line</div>
							<div class="code-name">&amp;#xe919;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91a;</span>
							<div class="name">file-gif-fill</div>
							<div class="code-name">&amp;#xe91a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91b;</span>
							<div class="name">numbers-line</div>
							<div class="code-name">&amp;#xe91b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91c;</span>
							<div class="name">file-code-fill</div>
							<div class="code-name">&amp;#xe91c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91d;</span>
							<div class="name">draft-line</div>
							<div class="code-name">&amp;#xe91d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91e;</span>
							<div class="name">file-line</div>
							<div class="code-name">&amp;#xe91e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe91f;</span>
							<div class="name">file-mark-line</div>
							<div class="code-name">&amp;#xe91f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe920;</span>
							<div class="name">file-copy-fill</div>
							<div class="code-name">&amp;#xe920;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe921;</span>
							<div class="name">file-mark-fill</div>
							<div class="code-name">&amp;#xe921;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe922;</span>
							<div class="name">file-user-fill</div>
							<div class="code-name">&amp;#xe922;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe923;</span>
							<div class="name">file-user-line</div>
							<div class="code-name">&amp;#xe923;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe908;</span>
							<div class="name">chat-history-line</div>
							<div class="code-name">&amp;#xe908;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe909;</span>
							<div class="name">message-3-fill</div>
							<div class="code-name">&amp;#xe909;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90a;</span>
							<div class="name">discuss-line</div>
							<div class="code-name">&amp;#xe90a;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90b;</span>
							<div class="name">message-3-line</div>
							<div class="code-name">&amp;#xe90b;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90c;</span>
							<div class="name">speak-fill</div>
							<div class="code-name">&amp;#xe90c;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90d;</span>
							<div class="name">chat-history-fill</div>
							<div class="code-name">&amp;#xe90d;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90e;</span>
							<div class="name">speak-line</div>
							<div class="code-name">&amp;#xe90e;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe90f;</span>
							<div class="name">discuss-fill</div>
							<div class="code-name">&amp;#xe90f;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8fa;</span>
							<div class="name">calendar-line</div>
							<div class="code-name">&amp;#xe8fa;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8fb;</span>
							<div class="name">customer-service-2-line</div>
							<div class="code-name">&amp;#xe8fb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8fc;</span>
							<div class="name">customer-service-2-fill</div>
							<div class="code-name">&amp;#xe8fc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8fd;</span>
							<div class="name">calendar-fill</div>
							<div class="code-name">&amp;#xe8fd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8fe;</span>
							<div class="name">mail-line</div>
							<div class="code-name">&amp;#xe8fe;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ff;</span>
							<div class="name">mail-fill</div>
							<div class="code-name">&amp;#xe8ff;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe900;</span>
							<div class="name">pie-chart-fill</div>
							<div class="code-name">&amp;#xe900;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe901;</span>
							<div class="name">stack-fill</div>
							<div class="code-name">&amp;#xe901;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe902;</span>
							<div class="name">profile-fill</div>
							<div class="code-name">&amp;#xe902;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe903;</span>
							<div class="name">line-chart-line</div>
							<div class="code-name">&amp;#xe903;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe904;</span>
							<div class="name">pie-chart-line</div>
							<div class="code-name">&amp;#xe904;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe905;</span>
							<div class="name">profile-line</div>
							<div class="code-name">&amp;#xe905;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe906;</span>
							<div class="name">stack-line</div>
							<div class="code-name">&amp;#xe906;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe907;</span>
							<div class="name">line-chart-fill</div>
							<div class="code-name">&amp;#xe907;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f4;</span>
							<div class="name">home-5-line</div>
							<div class="code-name">&amp;#xe8f4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f5;</span>
							<div class="name">home-5-fill</div>
							<div class="code-name">&amp;#xe8f5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f6;</span>
							<div class="name">building-fill</div>
							<div class="code-name">&amp;#xe8f6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f7;</span>
							<div class="name">school-fill</div>
							<div class="code-name">&amp;#xe8f7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f8;</span>
							<div class="name">building-line</div>
							<div class="code-name">&amp;#xe8f8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f9;</span>
							<div class="name">school-line</div>
							<div class="code-name">&amp;#xe8f9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f0;</span>
							<div class="name">arrow-down-line</div>
							<div class="code-name">&amp;#xe8f0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f1;</span>
							<div class="name">arrow-left-line</div>
							<div class="code-name">&amp;#xe8f1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f2;</span>
							<div class="name">arrow-right-line</div>
							<div class="code-name">&amp;#xe8f2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8f3;</span>
							<div class="name">arrow-up-line</div>
							<div class="code-name">&amp;#xe8f3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c2;</span>
							<div class="name">arrow-drop-left-line</div>
							<div class="code-name">&amp;#xe8c2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c3;</span>
							<div class="name">arrow-down-s-fill</div>
							<div class="code-name">&amp;#xe8c3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c4;</span>
							<div class="name">arrow-down-double-line</div>
							<div class="code-name">&amp;#xe8c4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c5;</span>
							<div class="name">arrow-down-s-line</div>
							<div class="code-name">&amp;#xe8c5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c6;</span>
							<div class="name">arrow-down-circle-line</div>
							<div class="code-name">&amp;#xe8c6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c7;</span>
							<div class="name">arrow-down-circle-fill</div>
							<div class="code-name">&amp;#xe8c7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c8;</span>
							<div class="name">arrow-drop-right-line</div>
							<div class="code-name">&amp;#xe8c8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8c9;</span>
							<div class="name">arrow-left-circle-fill</div>
							<div class="code-name">&amp;#xe8c9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ca;</span>
							<div class="name">arrow-right-s-line</div>
							<div class="code-name">&amp;#xe8ca;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8cb;</span>
							<div class="name">arrow-right-circle-line</div>
							<div class="code-name">&amp;#xe8cb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8cc;</span>
							<div class="name">arrow-left-s-line</div>
							<div class="code-name">&amp;#xe8cc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8cd;</span>
							<div class="name">arrow-up-circle-fill</div>
							<div class="code-name">&amp;#xe8cd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ce;</span>
							<div class="name">arrow-drop-left-fill</div>
							<div class="code-name">&amp;#xe8ce;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8cf;</span>
							<div class="name">arrow-drop-right-fill</div>
							<div class="code-name">&amp;#xe8cf;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d0;</span>
							<div class="name">arrow-left-s-fill</div>
							<div class="code-name">&amp;#xe8d0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d1;</span>
							<div class="name">arrow-drop-down-fill</div>
							<div class="code-name">&amp;#xe8d1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d2;</span>
							<div class="name">arrow-right-circle-fill</div>
							<div class="code-name">&amp;#xe8d2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d3;</span>
							<div class="name">arrow-drop-down-line</div>
							<div class="code-name">&amp;#xe8d3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d4;</span>
							<div class="name">arrow-right-s-fill</div>
							<div class="code-name">&amp;#xe8d4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d5;</span>
							<div class="name">skip-left-line</div>
							<div class="code-name">&amp;#xe8d5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d6;</span>
							<div class="name">skip-up-line</div>
							<div class="code-name">&amp;#xe8d6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d7;</span>
							<div class="name">skip-down-line</div>
							<div class="code-name">&amp;#xe8d7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d8;</span>
							<div class="name">expand-up-down-line</div>
							<div class="code-name">&amp;#xe8d8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8d9;</span>
							<div class="name">arrow-up-double-line</div>
							<div class="code-name">&amp;#xe8d9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8da;</span>
							<div class="name">expand-left-right-fill</div>
							<div class="code-name">&amp;#xe8da;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8db;</span>
							<div class="name">arrow-left-circle-line</div>
							<div class="code-name">&amp;#xe8db;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8dc;</span>
							<div class="name">arrow-drop-up-fill</div>
							<div class="code-name">&amp;#xe8dc;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8dd;</span>
							<div class="name">skip-up-fill</div>
							<div class="code-name">&amp;#xe8dd;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8de;</span>
							<div class="name">arrow-up-down-line</div>
							<div class="code-name">&amp;#xe8de;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8df;</span>
							<div class="name">arrow-right-double-line</div>
							<div class="code-name">&amp;#xe8df;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e0;</span>
							<div class="name">skip-down-fill</div>
							<div class="code-name">&amp;#xe8e0;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e1;</span>
							<div class="name">skip-right-line</div>
							<div class="code-name">&amp;#xe8e1;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e2;</span>
							<div class="name">arrow-up-s-fill</div>
							<div class="code-name">&amp;#xe8e2;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e3;</span>
							<div class="name">arrow-up-s-line</div>
							<div class="code-name">&amp;#xe8e3;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e4;</span>
							<div class="name">drag-move-2-line</div>
							<div class="code-name">&amp;#xe8e4;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e5;</span>
							<div class="name">arrow-drop-up-line</div>
							<div class="code-name">&amp;#xe8e5;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e6;</span>
							<div class="name">skip-left-fill</div>
							<div class="code-name">&amp;#xe8e6;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e7;</span>
							<div class="name">expand-left-right-line</div>
							<div class="code-name">&amp;#xe8e7;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e8;</span>
							<div class="name">skip-right-fill</div>
							<div class="code-name">&amp;#xe8e8;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8e9;</span>
							<div class="name">arrow-left-right-line</div>
							<div class="code-name">&amp;#xe8e9;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ea;</span>
							<div class="name">expand-up-down-fill</div>
							<div class="code-name">&amp;#xe8ea;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8eb;</span>
							<div class="name">arrow-up-circle-line</div>
							<div class="code-name">&amp;#xe8eb;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ec;</span>
							<div class="name">drag-move-2-fill</div>
							<div class="code-name">&amp;#xe8ec;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ed;</span>
							<div class="name">arrow-up-down-fill</div>
							<div class="code-name">&amp;#xe8ed;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ee;</span>
							<div class="name">arrow-left-right-fill</div>
							<div class="code-name">&amp;#xe8ee;</div>
						</li>

						<li class="dib">
							<span class="icon iconfont">&#xe8ef;</span>
							<div class="name">arrow-left-double-line</div>
							<div class="code-name">&amp;#xe8ef;</div>
						</li>
					</ul>
					<div class="article markdown">
						<h2 id="unicode-">Unicode 引用</h2>
						<hr />

						<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
						<ul>
							<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
							<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
						</ul>
						<blockquote>
							<p>
								注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol
								引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）
							</p>
						</blockquote>
						<p>Unicode 使用步骤如下：</p>
						<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
						<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1688973120027') format('woff2'),
       url('iconfont.woff?t=1688973120027') format('woff'),
       url('iconfont.ttf?t=1688973120027') format('truetype'),
       url('iconfont.svg?t=1688973120027#iconfont') format('svg');
}
</code></pre>
						<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
						<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
						<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
						<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
						<blockquote>
							<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
						</blockquote>
					</div>
				</div>
				<div class="content font-class">
					<ul class="icon_lists dib-box">
						<li class="dib">
							<span class="icon iconfont icon-a-Nine-screendisplay-fill"></span>
							<div class="name">Nine-screen display-fill</div>
							<div class="code-name">.icon-a-Nine-screendisplay-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-Splitscreen-fill"></span>
							<div class="name">Split screen-fill</div>
							<div class="code-name">.icon-a-Splitscreen-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-Sixteen-screendisplay-fill"></span>
							<div class="name">Sixteen-screen display-fill</div>
							<div class="code-name">.icon-a-Sixteen-screendisplay-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-folder-3-line"></span>
							<div class="name">folder-3-line</div>
							<div class="code-name">.icon-folder-3-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-warning-line"></span>
							<div class="name">file-warning-line</div>
							<div class="code-name">.icon-file-warning-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-warning-fill"></span>
							<div class="name">file-warning-fill</div>
							<div class="code-name">.icon-file-warning-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-alert-fill"></span>
							<div class="name">alert-fill</div>
							<div class="code-name">.icon-alert-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-bin-6-fill1"></span>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">.icon-delete-bin-6-fill1</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-openscreen-line"></span>
							<div class="name">openscreen-line</div>
							<div class="code-name">.icon-openscreen-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-bin-6-line"></span>
							<div class="name">delete-bin-6-line</div>
							<div class="code-name">.icon-delete-bin-6-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-Frame4"></span>
							<div class="name">Fengpin1-01-fill</div>
							<div class="code-name">.icon-a-Frame4</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin8-fill"></span>
							<div class="name">Fengpin8-fill</div>
							<div class="code-name">.icon-Fengpin8-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin4-fill1"></span>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">.icon-Fengpin4-fill1</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin1-3-line"></span>
							<div class="name">Fengpin1-3-line</div>
							<div class="code-name">.icon-Fengpin1-3-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-hourglass-fill"></span>
							<div class="name">hourglass-fill</div>
							<div class="code-name">.icon-hourglass-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-Singlescreen-fill"></span>
							<div class="name">Single screen-fill</div>
							<div class="code-name">.icon-a-Singlescreen-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-screenshot-2-fill"></span>
							<div class="name">screenshot-2-fill</div>
							<div class="code-name">.icon-screenshot-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-volume-mute-fill"></span>
							<div class="name">volume-mute-fill</div>
							<div class="code-name">.icon-volume-mute-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-zoom-out-line1"></span>
							<div class="name">zoom-out-line</div>
							<div class="code-name">.icon-zoom-out-line1</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-volume-up-fill"></span>
							<div class="name">volume-up-fill</div>
							<div class="code-name">.icon-volume-up-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-DeleteOutlined"></span>
							<div class="name">DeleteOutlined</div>
							<div class="code-name">.icon-DeleteOutlined</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Monitoring-full"></span>
							<div class="name">Monitoring-full</div>
							<div class="code-name">.icon-Monitoring-full</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-play-circle-line"></span>
							<div class="name">play-circle-line</div>
							<div class="code-name">.icon-play-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-icon_monitor"></span>
							<div class="name">icon_monitor</div>
							<div class="code-name">.icon-icon_monitor</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-back_hand"></span>
							<div class="name">back_hand</div>
							<div class="code-name">.icon-back_hand</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-unzoom-in-line"></span>
							<div class="name">unzoom-in-line</div>
							<div class="code-name">.icon-unzoom-in-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-back_Fist"></span>
							<div class="name">back_Fist</div>
							<div class="code-name">.icon-back_Fist</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-broom"></span>
							<div class="name">broom</div>
							<div class="code-name">.icon-broom</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-corsor-line"></span>
							<div class="name">corsor-line</div>
							<div class="code-name">.icon-corsor-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-fullscreen-line"></span>
							<div class="name">fullscreen-line</div>
							<div class="code-name">.icon-fullscreen-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-fullscreen-exit-line"></span>
							<div class="name">fullscreen-exit-line</div>
							<div class="code-name">.icon-fullscreen-exit-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-tv-2-fill"></span>
							<div class="name">tv-2-fill</div>
							<div class="code-name">.icon-tv-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-layout-masonry-line"></span>
							<div class="name">layout-masonry-line</div>
							<div class="code-name">.icon-layout-masonry-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-list-check"></span>
							<div class="name">list-check</div>
							<div class="code-name">.icon-list-check</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-video-add-fill"></span>
							<div class="name">video-add-fill</div>
							<div class="code-name">.icon-video-add-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-video-add-line"></span>
							<div class="name">video-add-line</div>
							<div class="code-name">.icon-video-add-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-AIservice-line"></span>
							<div class="name">AI service-line</div>
							<div class="code-name">.icon-a-AIservice-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin1-1-fill"></span>
							<div class="name">Fengpin1-1-fill</div>
							<div class="code-name">.icon-Fengpin1-1-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin1-1-line"></span>
							<div class="name">Fengpin1-1-line</div>
							<div class="code-name">.icon-Fengpin1-1-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin1-line"></span>
							<div class="name">Fengpin1-line</div>
							<div class="code-name">.icon-Fengpin1-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin1-fill"></span>
							<div class="name">Fengpin1-fill</div>
							<div class="code-name">.icon-Fengpin1-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin4-fill"></span>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">.icon-Fengpin4-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin9-fill"></span>
							<div class="name">Fengpin9-fill</div>
							<div class="code-name">.icon-Fengpin9-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-fengpinHalf-line"></span>
							<div class="name">fengpinHalf-line</div>
							<div class="code-name">.icon-fengpinHalf-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin9-line"></span>
							<div class="name">Fengpin9-line</div>
							<div class="code-name">.icon-Fengpin9-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-monitor-line"></span>
							<div class="name">monitor-line</div>
							<div class="code-name">.icon-monitor-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Fengpin4-line"></span>
							<div class="name">Fengpin4-line</div>
							<div class="code-name">.icon-Fengpin4-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-unfollow-line"></span>
							<div class="name">user-unfollow-line</div>
							<div class="code-name">.icon-user-unfollow-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wechat-fill"></span>
							<div class="name">wechat-fill</div>
							<div class="code-name">.icon-wechat-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-database-2-line"></span>
							<div class="name">database-2-line</div>
							<div class="code-name">.icon-database-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-bin-6-fill"></span>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">.icon-delete-bin-6-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Icon-Wrapper"></span>
							<div class="name">Icon-Wrapper</div>
							<div class="code-name">.icon-Icon-Wrapper</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-prohibited-line"></span>
							<div class="name">prohibited-line</div>
							<div class="code-name">.icon-prohibited-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-drag-line1"></span>
							<div class="name">drag-line</div>
							<div class="code-name">.icon-drag-line1</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-upload-line"></span>
							<div class="name">file-upload-line</div>
							<div class="code-name">.icon-file-upload-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Icon-Wrapper-1"></span>
							<div class="name">Icon-Wrapper-1</div>
							<div class="code-name">.icon-Icon-Wrapper-1</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-transfer-line"></span>
							<div class="name">file-transfer-line</div>
							<div class="code-name">.icon-file-transfer-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-a-bg-model2"></span>
							<div class="name">bg-model 2</div>
							<div class="code-name">.icon-a-bg-model2</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Multilateral-line"></span>
							<div class="name">Multilateral-line</div>
							<div class="code-name">.icon-Multilateral-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Square-line"></span>
							<div class="name">Square-line</div>
							<div class="code-name">.icon-Square-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-circle-line"></span>
							<div class="name">circle-line</div>
							<div class="code-name">.icon-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-point-line"></span>
							<div class="name">point-line</div>
							<div class="code-name">.icon-point-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-Dottedline-line"></span>
							<div class="name">Dottedline-line</div>
							<div class="code-name">.icon-Dottedline-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-line-line"></span>
							<div class="name">line-line</div>
							<div class="code-name">.icon-line-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-loader-4-fill"></span>
							<div class="name">loader-4-fill</div>
							<div class="code-name">.icon-loader-4-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-rectangle"></span>
							<div class="name">arrow-down-rectangle</div>
							<div class="code-name">.icon-arrow-down-rectangle</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down"></span>
							<div class="name">arrow-down</div>
							<div class="code-name">.icon-arrow-down</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-caret-down"></span>
							<div class="name">caret-down</div>
							<div class="code-name">.icon-caret-down</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-go-back-line"></span>
							<div class="name">arrow-go-back-line</div>
							<div class="code-name">.icon-arrow-go-back-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-algorithm-line"></span>
							<div class="name">algorithm-line</div>
							<div class="code-name">.icon-algorithm-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-upload-line"></span>
							<div class="name">upload-line</div>
							<div class="code-name">.icon-upload-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-wechat-2-line"></span>
							<div class="name">wechat-2-line</div>
							<div class="code-name">.icon-wechat-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-settings-6-line"></span>
							<div class="name">settings-6-line</div>
							<div class="code-name">.icon-settings-6-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-settings-line"></span>
							<div class="name">user-settings-line</div>
							<div class="code-name">.icon-user-settings-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-drag-line"></span>
							<div class="name">drag-line</div>
							<div class="code-name">.icon-drag-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-checkbox-circle-fill"></span>
							<div class="name">checkbox-circle-fill</div>
							<div class="code-name">.icon-checkbox-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-close-circle-line"></span>
							<div class="name">close-circle-line</div>
							<div class="code-name">.icon-close-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-checkbox-circle-line"></span>
							<div class="name">checkbox-circle-line</div>
							<div class="code-name">.icon-checkbox-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-add-circle-line"></span>
							<div class="name">add-circle-line</div>
							<div class="code-name">.icon-add-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-check-double-line"></span>
							<div class="name">check-double-line</div>
							<div class="code-name">.icon-check-double-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-close-circle-fill"></span>
							<div class="name">close-circle-fill</div>
							<div class="code-name">.icon-close-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-back-2-fill"></span>
							<div class="name">delete-back-2-fill</div>
							<div class="code-name">.icon-delete-back-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-bin-line"></span>
							<div class="name">delete-bin-line</div>
							<div class="code-name">.icon-delete-bin-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-error-warning-fill"></span>
							<div class="name">error-warning-fill</div>
							<div class="code-name">.icon-error-warning-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-download-cloud-line"></span>
							<div class="name">download-cloud-line</div>
							<div class="code-name">.icon-download-cloud-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-download-cloud-fill"></span>
							<div class="name">download-cloud-fill</div>
							<div class="code-name">.icon-download-cloud-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-bin-fill"></span>
							<div class="name">delete-bin-fill</div>
							<div class="code-name">.icon-delete-bin-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-delete-back-2-line"></span>
							<div class="name">delete-back-2-line</div>
							<div class="code-name">.icon-delete-back-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-error-warning-line"></span>
							<div class="name">error-warning-line</div>
							<div class="code-name">.icon-error-warning-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-download-2-line"></span>
							<div class="name">download-2-line</div>
							<div class="code-name">.icon-download-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-line"></span>
							<div class="name">eye-line</div>
							<div class="code-name">.icon-eye-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-off-line"></span>
							<div class="name">eye-off-line</div>
							<div class="code-name">.icon-eye-off-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-close-line"></span>
							<div class="name">eye-close-line</div>
							<div class="code-name">.icon-eye-close-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-filter-fill"></span>
							<div class="name">filter-fill</div>
							<div class="code-name">.icon-filter-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-off-fill"></span>
							<div class="name">eye-off-fill</div>
							<div class="code-name">.icon-eye-off-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-close-fill"></span>
							<div class="name">eye-close-fill</div>
							<div class="code-name">.icon-eye-close-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-filter-line"></span>
							<div class="name">filter-line</div>
							<div class="code-name">.icon-filter-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-information-fill"></span>
							<div class="name">information-fill</div>
							<div class="code-name">.icon-information-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-eye-fill"></span>
							<div class="name">eye-fill</div>
							<div class="code-name">.icon-eye-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-function-fill"></span>
							<div class="name">function-fill</div>
							<div class="code-name">.icon-function-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-indeterminate-circle-line"></span>
							<div class="name">indeterminate-circle-line</div>
							<div class="code-name">.icon-indeterminate-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock-line"></span>
							<div class="name">lock-line</div>
							<div class="code-name">.icon-lock-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-function-line"></span>
							<div class="name">function-line</div>
							<div class="code-name">.icon-function-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock-fill"></span>
							<div class="name">lock-fill</div>
							<div class="code-name">.icon-lock-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-information-line"></span>
							<div class="name">information-line</div>
							<div class="code-name">.icon-information-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-indeterminate-circle-fill"></span>
							<div class="name">indeterminate-circle-fill</div>
							<div class="code-name">.icon-indeterminate-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-more-2-fill"></span>
							<div class="name">more-2-fill</div>
							<div class="code-name">.icon-more-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-loader-line"></span>
							<div class="name">loader-line</div>
							<div class="code-name">.icon-loader-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock-unlock-fill"></span>
							<div class="name">lock-unlock-fill</div>
							<div class="code-name">.icon-lock-unlock-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-more-2-line"></span>
							<div class="name">more-2-line</div>
							<div class="code-name">.icon-more-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu-fold-line"></span>
							<div class="name">menu-fold-line</div>
							<div class="code-name">.icon-menu-fold-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu-unfold-line"></span>
							<div class="name">menu-unfold-line</div>
							<div class="code-name">.icon-menu-unfold-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu-fold-fill"></span>
							<div class="name">menu-fold-fill</div>
							<div class="code-name">.icon-menu-fold-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu-line"></span>
							<div class="name">menu-line</div>
							<div class="code-name">.icon-menu-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-more-line"></span>
							<div class="name">more-line</div>
							<div class="code-name">.icon-more-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-more-fill"></span>
							<div class="name">more-fill</div>
							<div class="code-name">.icon-more-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-question-line"></span>
							<div class="name">question-line</div>
							<div class="code-name">.icon-question-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-share-box-line"></span>
							<div class="name">share-box-line</div>
							<div class="code-name">.icon-share-box-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-refresh-fill"></span>
							<div class="name">refresh-fill</div>
							<div class="code-name">.icon-refresh-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-question-fill"></span>
							<div class="name">question-fill</div>
							<div class="code-name">.icon-question-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-settings-line"></span>
							<div class="name">settings-line</div>
							<div class="code-name">.icon-settings-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-search-fill"></span>
							<div class="name">search-fill</div>
							<div class="code-name">.icon-search-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-settings-fill"></span>
							<div class="name">settings-fill</div>
							<div class="code-name">.icon-settings-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-time-line"></span>
							<div class="name">time-line</div>
							<div class="code-name">.icon-time-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-upload-cloud-fill"></span>
							<div class="name">upload-cloud-fill</div>
							<div class="code-name">.icon-upload-cloud-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-refresh-line"></span>
							<div class="name">refresh-line</div>
							<div class="code-name">.icon-refresh-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-search-line"></span>
							<div class="name">search-line</div>
							<div class="code-name">.icon-search-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-upload-2-line"></span>
							<div class="name">upload-2-line</div>
							<div class="code-name">.icon-upload-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-menu-unfold-fill"></span>
							<div class="name">menu-unfold-fill</div>
							<div class="code-name">.icon-menu-unfold-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-subtract-line"></span>
							<div class="name">subtract-line</div>
							<div class="code-name">.icon-subtract-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-star-line"></span>
							<div class="name">star-line</div>
							<div class="code-name">.icon-star-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-share-line"></span>
							<div class="name">share-line</div>
							<div class="code-name">.icon-share-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-time-fill"></span>
							<div class="name">time-fill</div>
							<div class="code-name">.icon-time-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-star-fill"></span>
							<div class="name">star-fill</div>
							<div class="code-name">.icon-star-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-zoom-out-line"></span>
							<div class="name">zoom-out-line</div>
							<div class="code-name">.icon-zoom-out-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-zoom-in-line"></span>
							<div class="name">zoom-in-line</div>
							<div class="code-name">.icon-zoom-in-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-upload-cloud-line"></span>
							<div class="name">upload-cloud-line</div>
							<div class="code-name">.icon-upload-cloud-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-zoom-in-fill"></span>
							<div class="name">zoom-in-fill</div>
							<div class="code-name">.icon-zoom-in-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-share-fill"></span>
							<div class="name">share-fill</div>
							<div class="code-name">.icon-share-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-zoom-out-fill"></span>
							<div class="name">zoom-out-fill</div>
							<div class="code-name">.icon-zoom-out-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-lock-unlock-line"></span>
							<div class="name">lock-unlock-line</div>
							<div class="code-name">.icon-lock-unlock-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-check-line"></span>
							<div class="name">check-line</div>
							<div class="code-name">.icon-check-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-add-line"></span>
							<div class="name">add-line</div>
							<div class="code-name">.icon-add-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-add-circle-fill"></span>
							<div class="name">add-circle-fill</div>
							<div class="code-name">.icon-add-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-close-line"></span>
							<div class="name">close-line</div>
							<div class="code-name">.icon-close-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-equalizer-line"></span>
							<div class="name">equalizer-line</div>
							<div class="code-name">.icon-equalizer-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-camera-line"></span>
							<div class="name">camera-line</div>
							<div class="code-name">.icon-camera-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-equalizer-fill"></span>
							<div class="name">equalizer-fill</div>
							<div class="code-name">.icon-equalizer-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-headphone-line"></span>
							<div class="name">headphone-line</div>
							<div class="code-name">.icon-headphone-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-image-fill"></span>
							<div class="name">image-fill</div>
							<div class="code-name">.icon-image-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-image-line"></span>
							<div class="name">image-line</div>
							<div class="code-name">.icon-image-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-live-line"></span>
							<div class="name">live-line</div>
							<div class="code-name">.icon-live-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-live-fill"></span>
							<div class="name">live-fill</div>
							<div class="code-name">.icon-live-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-camera-fill"></span>
							<div class="name">camera-fill</div>
							<div class="code-name">.icon-camera-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-play-fill"></span>
							<div class="name">play-fill</div>
							<div class="code-name">.icon-play-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-notification-off-fill"></span>
							<div class="name">notification-off-fill</div>
							<div class="code-name">.icon-notification-off-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-notification-line"></span>
							<div class="name">notification-line</div>
							<div class="code-name">.icon-notification-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-memories-line"></span>
							<div class="name">memories-line</div>
							<div class="code-name">.icon-memories-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pause-line"></span>
							<div class="name">pause-line</div>
							<div class="code-name">.icon-pause-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-notification-fill"></span>
							<div class="name">notification-fill</div>
							<div class="code-name">.icon-notification-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-shuffle-line"></span>
							<div class="name">shuffle-line</div>
							<div class="code-name">.icon-shuffle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-forward-fill"></span>
							<div class="name">skip-forward-fill</div>
							<div class="code-name">.icon-skip-forward-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stop-circle-line"></span>
							<div class="name">stop-circle-line</div>
							<div class="code-name">.icon-stop-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-back-fill"></span>
							<div class="name">skip-back-fill</div>
							<div class="code-name">.icon-skip-back-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-forward-line"></span>
							<div class="name">skip-forward-line</div>
							<div class="code-name">.icon-skip-forward-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-notification-off-line"></span>
							<div class="name">notification-off-line</div>
							<div class="code-name">.icon-notification-off-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stop-circle-fill"></span>
							<div class="name">stop-circle-fill</div>
							<div class="code-name">.icon-stop-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stop-line"></span>
							<div class="name">stop-line</div>
							<div class="code-name">.icon-stop-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-play-line"></span>
							<div class="name">play-line</div>
							<div class="code-name">.icon-play-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stop-fill"></span>
							<div class="name">stop-fill</div>
							<div class="code-name">.icon-stop-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-back-line"></span>
							<div class="name">skip-back-line</div>
							<div class="code-name">.icon-skip-back-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-group-line"></span>
							<div class="name">group-line</div>
							<div class="code-name">.icon-group-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-group-fill"></span>
							<div class="name">group-fill</div>
							<div class="code-name">.icon-group-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-team-fill"></span>
							<div class="name">team-fill</div>
							<div class="code-name">.icon-team-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-fill"></span>
							<div class="name">user-fill</div>
							<div class="code-name">.icon-user-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-user-line"></span>
							<div class="name">user-line</div>
							<div class="code-name">.icon-user-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-team-line"></span>
							<div class="name">team-line</div>
							<div class="code-name">.icon-team-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-link-m"></span>
							<div class="name">link-m</div>
							<div class="code-name">.icon-link-m</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-list-unordered"></span>
							<div class="name">list-unordered</div>
							<div class="code-name">.icon-list-unordered</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-code-view"></span>
							<div class="name">code-view</div>
							<div class="code-name">.icon-code-view</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-organization-chart"></span>
							<div class="name">organization-chart</div>
							<div class="code-name">.icon-organization-chart</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mind-map"></span>
							<div class="name">mind-map</div>
							<div class="code-name">.icon-mind-map</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-link-unlink-m"></span>
							<div class="name">link-unlink-m</div>
							<div class="code-name">.icon-link-unlink-m</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-line"></span>
							<div class="name">map-pin-line</div>
							<div class="code-name">.icon-map-pin-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-fill"></span>
							<div class="name">map-pin-fill</div>
							<div class="code-name">.icon-map-pin-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-time-line"></span>
							<div class="name">map-pin-time-line</div>
							<div class="code-name">.icon-map-pin-time-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-user-fill"></span>
							<div class="name">map-pin-user-fill</div>
							<div class="code-name">.icon-map-pin-user-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-time-fill"></span>
							<div class="name">map-pin-time-fill</div>
							<div class="code-name">.icon-map-pin-time-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pushpin-line"></span>
							<div class="name">pushpin-line</div>
							<div class="code-name">.icon-pushpin-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pushpin-fill"></span>
							<div class="name">pushpin-fill</div>
							<div class="code-name">.icon-pushpin-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-map-pin-user-line"></span>
							<div class="name">map-pin-user-line</div>
							<div class="code-name">.icon-map-pin-user-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-road-map-fill"></span>
							<div class="name">road-map-fill</div>
							<div class="code-name">.icon-road-map-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-road-map-line"></span>
							<div class="name">road-map-line</div>
							<div class="code-name">.icon-road-map-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-restart-line"></span>
							<div class="name">restart-line</div>
							<div class="code-name">.icon-restart-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-edit-fill"></span>
							<div class="name">edit-fill</div>
							<div class="code-name">.icon-edit-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pencil-ruler-2-fill"></span>
							<div class="name">pencil-ruler-2-fill</div>
							<div class="code-name">.icon-pencil-ruler-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-edit-line"></span>
							<div class="name">edit-line</div>
							<div class="code-name">.icon-edit-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pencil-ruler-2-line"></span>
							<div class="name">pencil-ruler-2-line</div>
							<div class="code-name">.icon-pencil-ruler-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-code-line"></span>
							<div class="name">file-code-line</div>
							<div class="code-name">.icon-file-code-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-draft-fill"></span>
							<div class="name">draft-fill</div>
							<div class="code-name">.icon-draft-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-fill"></span>
							<div class="name">file-fill</div>
							<div class="code-name">.icon-file-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-numbers-fill"></span>
							<div class="name">numbers-fill</div>
							<div class="code-name">.icon-numbers-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-copy-line"></span>
							<div class="name">file-copy-line</div>
							<div class="code-name">.icon-file-copy-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-gif-line"></span>
							<div class="name">file-gif-line</div>
							<div class="code-name">.icon-file-gif-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-gif-fill"></span>
							<div class="name">file-gif-fill</div>
							<div class="code-name">.icon-file-gif-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-numbers-line"></span>
							<div class="name">numbers-line</div>
							<div class="code-name">.icon-numbers-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-code-fill"></span>
							<div class="name">file-code-fill</div>
							<div class="code-name">.icon-file-code-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-draft-line"></span>
							<div class="name">draft-line</div>
							<div class="code-name">.icon-draft-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-line"></span>
							<div class="name">file-line</div>
							<div class="code-name">.icon-file-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-mark-line"></span>
							<div class="name">file-mark-line</div>
							<div class="code-name">.icon-file-mark-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-copy-fill"></span>
							<div class="name">file-copy-fill</div>
							<div class="code-name">.icon-file-copy-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-mark-fill"></span>
							<div class="name">file-mark-fill</div>
							<div class="code-name">.icon-file-mark-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-user-fill"></span>
							<div class="name">file-user-fill</div>
							<div class="code-name">.icon-file-user-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-file-user-line"></span>
							<div class="name">file-user-line</div>
							<div class="code-name">.icon-file-user-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chat-history-line"></span>
							<div class="name">chat-history-line</div>
							<div class="code-name">.icon-chat-history-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-message-3-fill"></span>
							<div class="name">message-3-fill</div>
							<div class="code-name">.icon-message-3-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-discuss-line"></span>
							<div class="name">discuss-line</div>
							<div class="code-name">.icon-discuss-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-message-3-line"></span>
							<div class="name">message-3-line</div>
							<div class="code-name">.icon-message-3-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-speak-fill"></span>
							<div class="name">speak-fill</div>
							<div class="code-name">.icon-speak-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-chat-history-fill"></span>
							<div class="name">chat-history-fill</div>
							<div class="code-name">.icon-chat-history-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-speak-line"></span>
							<div class="name">speak-line</div>
							<div class="code-name">.icon-speak-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-discuss-fill"></span>
							<div class="name">discuss-fill</div>
							<div class="code-name">.icon-discuss-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-calendar-line"></span>
							<div class="name">calendar-line</div>
							<div class="code-name">.icon-calendar-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-customer-service-2-line"></span>
							<div class="name">customer-service-2-line</div>
							<div class="code-name">.icon-customer-service-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-customer-service-2-fill"></span>
							<div class="name">customer-service-2-fill</div>
							<div class="code-name">.icon-customer-service-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-calendar-fill"></span>
							<div class="name">calendar-fill</div>
							<div class="code-name">.icon-calendar-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mail-line"></span>
							<div class="name">mail-line</div>
							<div class="code-name">.icon-mail-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-mail-fill"></span>
							<div class="name">mail-fill</div>
							<div class="code-name">.icon-mail-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pie-chart-fill"></span>
							<div class="name">pie-chart-fill</div>
							<div class="code-name">.icon-pie-chart-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stack-fill"></span>
							<div class="name">stack-fill</div>
							<div class="code-name">.icon-stack-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-profile-fill"></span>
							<div class="name">profile-fill</div>
							<div class="code-name">.icon-profile-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-line-chart-line"></span>
							<div class="name">line-chart-line</div>
							<div class="code-name">.icon-line-chart-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-pie-chart-line"></span>
							<div class="name">pie-chart-line</div>
							<div class="code-name">.icon-pie-chart-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-profile-line"></span>
							<div class="name">profile-line</div>
							<div class="code-name">.icon-profile-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-stack-line"></span>
							<div class="name">stack-line</div>
							<div class="code-name">.icon-stack-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-line-chart-fill"></span>
							<div class="name">line-chart-fill</div>
							<div class="code-name">.icon-line-chart-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-home-5-line"></span>
							<div class="name">home-5-line</div>
							<div class="code-name">.icon-home-5-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-home-5-fill"></span>
							<div class="name">home-5-fill</div>
							<div class="code-name">.icon-home-5-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-building-fill"></span>
							<div class="name">building-fill</div>
							<div class="code-name">.icon-building-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-school-fill"></span>
							<div class="name">school-fill</div>
							<div class="code-name">.icon-school-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-building-line"></span>
							<div class="name">building-line</div>
							<div class="code-name">.icon-building-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-school-line"></span>
							<div class="name">school-line</div>
							<div class="code-name">.icon-school-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-line"></span>
							<div class="name">arrow-down-line</div>
							<div class="code-name">.icon-arrow-down-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-line"></span>
							<div class="name">arrow-left-line</div>
							<div class="code-name">.icon-arrow-left-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-line"></span>
							<div class="name">arrow-right-line</div>
							<div class="code-name">.icon-arrow-right-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-line"></span>
							<div class="name">arrow-up-line</div>
							<div class="code-name">.icon-arrow-up-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-left-line"></span>
							<div class="name">arrow-drop-left-line</div>
							<div class="code-name">.icon-arrow-drop-left-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-s-fill"></span>
							<div class="name">arrow-down-s-fill</div>
							<div class="code-name">.icon-arrow-down-s-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-double-line"></span>
							<div class="name">arrow-down-double-line</div>
							<div class="code-name">.icon-arrow-down-double-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-s-line"></span>
							<div class="name">arrow-down-s-line</div>
							<div class="code-name">.icon-arrow-down-s-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-circle-line"></span>
							<div class="name">arrow-down-circle-line</div>
							<div class="code-name">.icon-arrow-down-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-down-circle-fill"></span>
							<div class="name">arrow-down-circle-fill</div>
							<div class="code-name">.icon-arrow-down-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-right-line"></span>
							<div class="name">arrow-drop-right-line</div>
							<div class="code-name">.icon-arrow-drop-right-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-circle-fill"></span>
							<div class="name">arrow-left-circle-fill</div>
							<div class="code-name">.icon-arrow-left-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-s-line"></span>
							<div class="name">arrow-right-s-line</div>
							<div class="code-name">.icon-arrow-right-s-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-circle-line"></span>
							<div class="name">arrow-right-circle-line</div>
							<div class="code-name">.icon-arrow-right-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-s-line"></span>
							<div class="name">arrow-left-s-line</div>
							<div class="code-name">.icon-arrow-left-s-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-circle-fill"></span>
							<div class="name">arrow-up-circle-fill</div>
							<div class="code-name">.icon-arrow-up-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-left-fill"></span>
							<div class="name">arrow-drop-left-fill</div>
							<div class="code-name">.icon-arrow-drop-left-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-right-fill"></span>
							<div class="name">arrow-drop-right-fill</div>
							<div class="code-name">.icon-arrow-drop-right-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-s-fill"></span>
							<div class="name">arrow-left-s-fill</div>
							<div class="code-name">.icon-arrow-left-s-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-down-fill"></span>
							<div class="name">arrow-drop-down-fill</div>
							<div class="code-name">.icon-arrow-drop-down-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-circle-fill"></span>
							<div class="name">arrow-right-circle-fill</div>
							<div class="code-name">.icon-arrow-right-circle-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-down-line"></span>
							<div class="name">arrow-drop-down-line</div>
							<div class="code-name">.icon-arrow-drop-down-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-s-fill"></span>
							<div class="name">arrow-right-s-fill</div>
							<div class="code-name">.icon-arrow-right-s-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-left-line"></span>
							<div class="name">skip-left-line</div>
							<div class="code-name">.icon-skip-left-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-up-line"></span>
							<div class="name">skip-up-line</div>
							<div class="code-name">.icon-skip-up-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-down-line"></span>
							<div class="name">skip-down-line</div>
							<div class="code-name">.icon-skip-down-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expand-up-down-line"></span>
							<div class="name">expand-up-down-line</div>
							<div class="code-name">.icon-expand-up-down-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-double-line"></span>
							<div class="name">arrow-up-double-line</div>
							<div class="code-name">.icon-arrow-up-double-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expand-left-right-fill"></span>
							<div class="name">expand-left-right-fill</div>
							<div class="code-name">.icon-expand-left-right-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-circle-line"></span>
							<div class="name">arrow-left-circle-line</div>
							<div class="code-name">.icon-arrow-left-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-up-fill"></span>
							<div class="name">arrow-drop-up-fill</div>
							<div class="code-name">.icon-arrow-drop-up-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-up-fill"></span>
							<div class="name">skip-up-fill</div>
							<div class="code-name">.icon-skip-up-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-down-line"></span>
							<div class="name">arrow-up-down-line</div>
							<div class="code-name">.icon-arrow-up-down-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-right-double-line"></span>
							<div class="name">arrow-right-double-line</div>
							<div class="code-name">.icon-arrow-right-double-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-down-fill"></span>
							<div class="name">skip-down-fill</div>
							<div class="code-name">.icon-skip-down-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-right-line"></span>
							<div class="name">skip-right-line</div>
							<div class="code-name">.icon-skip-right-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-s-fill"></span>
							<div class="name">arrow-up-s-fill</div>
							<div class="code-name">.icon-arrow-up-s-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-s-line"></span>
							<div class="name">arrow-up-s-line</div>
							<div class="code-name">.icon-arrow-up-s-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-drag-move-2-line"></span>
							<div class="name">drag-move-2-line</div>
							<div class="code-name">.icon-drag-move-2-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-drop-up-line"></span>
							<div class="name">arrow-drop-up-line</div>
							<div class="code-name">.icon-arrow-drop-up-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-left-fill"></span>
							<div class="name">skip-left-fill</div>
							<div class="code-name">.icon-skip-left-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expand-left-right-line"></span>
							<div class="name">expand-left-right-line</div>
							<div class="code-name">.icon-expand-left-right-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-skip-right-fill"></span>
							<div class="name">skip-right-fill</div>
							<div class="code-name">.icon-skip-right-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-right-line"></span>
							<div class="name">arrow-left-right-line</div>
							<div class="code-name">.icon-arrow-left-right-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-expand-up-down-fill"></span>
							<div class="name">expand-up-down-fill</div>
							<div class="code-name">.icon-expand-up-down-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-circle-line"></span>
							<div class="name">arrow-up-circle-line</div>
							<div class="code-name">.icon-arrow-up-circle-line</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-drag-move-2-fill"></span>
							<div class="name">drag-move-2-fill</div>
							<div class="code-name">.icon-drag-move-2-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-up-down-fill"></span>
							<div class="name">arrow-up-down-fill</div>
							<div class="code-name">.icon-arrow-up-down-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-right-fill"></span>
							<div class="name">arrow-left-right-fill</div>
							<div class="code-name">.icon-arrow-left-right-fill</div>
						</li>

						<li class="dib">
							<span class="icon iconfont icon-arrow-left-double-line"></span>
							<div class="name">arrow-left-double-line</div>
							<div class="code-name">.icon-arrow-left-double-line</div>
						</li>
					</ul>
					<div class="article markdown">
						<h2 id="font-class-">font-class 引用</h2>
						<hr />

						<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
						<p>与 Unicode 使用方式相比，具有如下特点：</p>
						<ul>
							<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
							<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
						</ul>
						<p>使用步骤如下：</p>
						<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
						<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
						<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
						<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
						<blockquote>
							<p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
						</blockquote>
					</div>
				</div>
				<div class="content symbol">
					<ul class="icon_lists dib-box">
						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-Nine-screendisplay-fill"></use>
							</svg>
							<div class="name">Nine-screen display-fill</div>
							<div class="code-name">#icon-a-Nine-screendisplay-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-Splitscreen-fill"></use>
							</svg>
							<div class="name">Split screen-fill</div>
							<div class="code-name">#icon-a-Splitscreen-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-Sixteen-screendisplay-fill"></use>
							</svg>
							<div class="name">Sixteen-screen display-fill</div>
							<div class="code-name">#icon-a-Sixteen-screendisplay-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-folder-3-line"></use>
							</svg>
							<div class="name">folder-3-line</div>
							<div class="code-name">#icon-folder-3-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-warning-line"></use>
							</svg>
							<div class="name">file-warning-line</div>
							<div class="code-name">#icon-file-warning-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-warning-fill"></use>
							</svg>
							<div class="name">file-warning-fill</div>
							<div class="code-name">#icon-file-warning-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-alert-fill"></use>
							</svg>
							<div class="name">alert-fill</div>
							<div class="code-name">#icon-alert-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-bin-6-fill1"></use>
							</svg>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">#icon-delete-bin-6-fill1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-openscreen-line"></use>
							</svg>
							<div class="name">openscreen-line</div>
							<div class="code-name">#icon-openscreen-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-bin-6-line"></use>
							</svg>
							<div class="name">delete-bin-6-line</div>
							<div class="code-name">#icon-delete-bin-6-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-Frame4"></use>
							</svg>
							<div class="name">Fengpin1-01-fill</div>
							<div class="code-name">#icon-a-Frame4</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin8-fill"></use>
							</svg>
							<div class="name">Fengpin8-fill</div>
							<div class="code-name">#icon-Fengpin8-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin4-fill1"></use>
							</svg>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">#icon-Fengpin4-fill1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin1-3-line"></use>
							</svg>
							<div class="name">Fengpin1-3-line</div>
							<div class="code-name">#icon-Fengpin1-3-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-hourglass-fill"></use>
							</svg>
							<div class="name">hourglass-fill</div>
							<div class="code-name">#icon-hourglass-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-Singlescreen-fill"></use>
							</svg>
							<div class="name">Single screen-fill</div>
							<div class="code-name">#icon-a-Singlescreen-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-screenshot-2-fill"></use>
							</svg>
							<div class="name">screenshot-2-fill</div>
							<div class="code-name">#icon-screenshot-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-volume-mute-fill"></use>
							</svg>
							<div class="name">volume-mute-fill</div>
							<div class="code-name">#icon-volume-mute-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-zoom-out-line1"></use>
							</svg>
							<div class="name">zoom-out-line</div>
							<div class="code-name">#icon-zoom-out-line1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-volume-up-fill"></use>
							</svg>
							<div class="name">volume-up-fill</div>
							<div class="code-name">#icon-volume-up-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-DeleteOutlined"></use>
							</svg>
							<div class="name">DeleteOutlined</div>
							<div class="code-name">#icon-DeleteOutlined</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Monitoring-full"></use>
							</svg>
							<div class="name">Monitoring-full</div>
							<div class="code-name">#icon-Monitoring-full</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-play-circle-line"></use>
							</svg>
							<div class="name">play-circle-line</div>
							<div class="code-name">#icon-play-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-icon_monitor"></use>
							</svg>
							<div class="name">icon_monitor</div>
							<div class="code-name">#icon-icon_monitor</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-back_hand"></use>
							</svg>
							<div class="name">back_hand</div>
							<div class="code-name">#icon-back_hand</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-unzoom-in-line"></use>
							</svg>
							<div class="name">unzoom-in-line</div>
							<div class="code-name">#icon-unzoom-in-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-back_Fist"></use>
							</svg>
							<div class="name">back_Fist</div>
							<div class="code-name">#icon-back_Fist</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-broom"></use>
							</svg>
							<div class="name">broom</div>
							<div class="code-name">#icon-broom</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-corsor-line"></use>
							</svg>
							<div class="name">corsor-line</div>
							<div class="code-name">#icon-corsor-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-fullscreen-line"></use>
							</svg>
							<div class="name">fullscreen-line</div>
							<div class="code-name">#icon-fullscreen-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-fullscreen-exit-line"></use>
							</svg>
							<div class="name">fullscreen-exit-line</div>
							<div class="code-name">#icon-fullscreen-exit-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-tv-2-fill"></use>
							</svg>
							<div class="name">tv-2-fill</div>
							<div class="code-name">#icon-tv-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-layout-masonry-line"></use>
							</svg>
							<div class="name">layout-masonry-line</div>
							<div class="code-name">#icon-layout-masonry-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-list-check"></use>
							</svg>
							<div class="name">list-check</div>
							<div class="code-name">#icon-list-check</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-video-add-fill"></use>
							</svg>
							<div class="name">video-add-fill</div>
							<div class="code-name">#icon-video-add-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-video-add-line"></use>
							</svg>
							<div class="name">video-add-line</div>
							<div class="code-name">#icon-video-add-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-AIservice-line"></use>
							</svg>
							<div class="name">AI service-line</div>
							<div class="code-name">#icon-a-AIservice-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin1-1-fill"></use>
							</svg>
							<div class="name">Fengpin1-1-fill</div>
							<div class="code-name">#icon-Fengpin1-1-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin1-1-line"></use>
							</svg>
							<div class="name">Fengpin1-1-line</div>
							<div class="code-name">#icon-Fengpin1-1-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin1-line"></use>
							</svg>
							<div class="name">Fengpin1-line</div>
							<div class="code-name">#icon-Fengpin1-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin1-fill"></use>
							</svg>
							<div class="name">Fengpin1-fill</div>
							<div class="code-name">#icon-Fengpin1-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin4-fill"></use>
							</svg>
							<div class="name">Fengpin4-fill</div>
							<div class="code-name">#icon-Fengpin4-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin9-fill"></use>
							</svg>
							<div class="name">Fengpin9-fill</div>
							<div class="code-name">#icon-Fengpin9-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-fengpinHalf-line"></use>
							</svg>
							<div class="name">fengpinHalf-line</div>
							<div class="code-name">#icon-fengpinHalf-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin9-line"></use>
							</svg>
							<div class="name">Fengpin9-line</div>
							<div class="code-name">#icon-Fengpin9-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-monitor-line"></use>
							</svg>
							<div class="name">monitor-line</div>
							<div class="code-name">#icon-monitor-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Fengpin4-line"></use>
							</svg>
							<div class="name">Fengpin4-line</div>
							<div class="code-name">#icon-Fengpin4-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-unfollow-line"></use>
							</svg>
							<div class="name">user-unfollow-line</div>
							<div class="code-name">#icon-user-unfollow-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wechat-fill"></use>
							</svg>
							<div class="name">wechat-fill</div>
							<div class="code-name">#icon-wechat-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-database-2-line"></use>
							</svg>
							<div class="name">database-2-line</div>
							<div class="code-name">#icon-database-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-bin-6-fill"></use>
							</svg>
							<div class="name">delete-bin-6-fill</div>
							<div class="code-name">#icon-delete-bin-6-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Icon-Wrapper"></use>
							</svg>
							<div class="name">Icon-Wrapper</div>
							<div class="code-name">#icon-Icon-Wrapper</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-prohibited-line"></use>
							</svg>
							<div class="name">prohibited-line</div>
							<div class="code-name">#icon-prohibited-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-drag-line1"></use>
							</svg>
							<div class="name">drag-line</div>
							<div class="code-name">#icon-drag-line1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-upload-line"></use>
							</svg>
							<div class="name">file-upload-line</div>
							<div class="code-name">#icon-file-upload-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Icon-Wrapper-1"></use>
							</svg>
							<div class="name">Icon-Wrapper-1</div>
							<div class="code-name">#icon-Icon-Wrapper-1</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-transfer-line"></use>
							</svg>
							<div class="name">file-transfer-line</div>
							<div class="code-name">#icon-file-transfer-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-a-bg-model2"></use>
							</svg>
							<div class="name">bg-model 2</div>
							<div class="code-name">#icon-a-bg-model2</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Multilateral-line"></use>
							</svg>
							<div class="name">Multilateral-line</div>
							<div class="code-name">#icon-Multilateral-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Square-line"></use>
							</svg>
							<div class="name">Square-line</div>
							<div class="code-name">#icon-Square-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-circle-line"></use>
							</svg>
							<div class="name">circle-line</div>
							<div class="code-name">#icon-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-point-line"></use>
							</svg>
							<div class="name">point-line</div>
							<div class="code-name">#icon-point-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-Dottedline-line"></use>
							</svg>
							<div class="name">Dottedline-line</div>
							<div class="code-name">#icon-Dottedline-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-line-line"></use>
							</svg>
							<div class="name">line-line</div>
							<div class="code-name">#icon-line-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-loader-4-fill"></use>
							</svg>
							<div class="name">loader-4-fill</div>
							<div class="code-name">#icon-loader-4-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-rectangle"></use>
							</svg>
							<div class="name">arrow-down-rectangle</div>
							<div class="code-name">#icon-arrow-down-rectangle</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down"></use>
							</svg>
							<div class="name">arrow-down</div>
							<div class="code-name">#icon-arrow-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-caret-down"></use>
							</svg>
							<div class="name">caret-down</div>
							<div class="code-name">#icon-caret-down</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-go-back-line"></use>
							</svg>
							<div class="name">arrow-go-back-line</div>
							<div class="code-name">#icon-arrow-go-back-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-algorithm-line"></use>
							</svg>
							<div class="name">algorithm-line</div>
							<div class="code-name">#icon-algorithm-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-upload-line"></use>
							</svg>
							<div class="name">upload-line</div>
							<div class="code-name">#icon-upload-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-wechat-2-line"></use>
							</svg>
							<div class="name">wechat-2-line</div>
							<div class="code-name">#icon-wechat-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-settings-6-line"></use>
							</svg>
							<div class="name">settings-6-line</div>
							<div class="code-name">#icon-settings-6-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-settings-line"></use>
							</svg>
							<div class="name">user-settings-line</div>
							<div class="code-name">#icon-user-settings-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-drag-line"></use>
							</svg>
							<div class="name">drag-line</div>
							<div class="code-name">#icon-drag-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-checkbox-circle-fill"></use>
							</svg>
							<div class="name">checkbox-circle-fill</div>
							<div class="code-name">#icon-checkbox-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-close-circle-line"></use>
							</svg>
							<div class="name">close-circle-line</div>
							<div class="code-name">#icon-close-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-checkbox-circle-line"></use>
							</svg>
							<div class="name">checkbox-circle-line</div>
							<div class="code-name">#icon-checkbox-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-add-circle-line"></use>
							</svg>
							<div class="name">add-circle-line</div>
							<div class="code-name">#icon-add-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-check-double-line"></use>
							</svg>
							<div class="name">check-double-line</div>
							<div class="code-name">#icon-check-double-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-close-circle-fill"></use>
							</svg>
							<div class="name">close-circle-fill</div>
							<div class="code-name">#icon-close-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-back-2-fill"></use>
							</svg>
							<div class="name">delete-back-2-fill</div>
							<div class="code-name">#icon-delete-back-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-bin-line"></use>
							</svg>
							<div class="name">delete-bin-line</div>
							<div class="code-name">#icon-delete-bin-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-error-warning-fill"></use>
							</svg>
							<div class="name">error-warning-fill</div>
							<div class="code-name">#icon-error-warning-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-download-cloud-line"></use>
							</svg>
							<div class="name">download-cloud-line</div>
							<div class="code-name">#icon-download-cloud-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-download-cloud-fill"></use>
							</svg>
							<div class="name">download-cloud-fill</div>
							<div class="code-name">#icon-download-cloud-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-bin-fill"></use>
							</svg>
							<div class="name">delete-bin-fill</div>
							<div class="code-name">#icon-delete-bin-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-delete-back-2-line"></use>
							</svg>
							<div class="name">delete-back-2-line</div>
							<div class="code-name">#icon-delete-back-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-error-warning-line"></use>
							</svg>
							<div class="name">error-warning-line</div>
							<div class="code-name">#icon-error-warning-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-download-2-line"></use>
							</svg>
							<div class="name">download-2-line</div>
							<div class="code-name">#icon-download-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-line"></use>
							</svg>
							<div class="name">eye-line</div>
							<div class="code-name">#icon-eye-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-off-line"></use>
							</svg>
							<div class="name">eye-off-line</div>
							<div class="code-name">#icon-eye-off-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-close-line"></use>
							</svg>
							<div class="name">eye-close-line</div>
							<div class="code-name">#icon-eye-close-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-filter-fill"></use>
							</svg>
							<div class="name">filter-fill</div>
							<div class="code-name">#icon-filter-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-off-fill"></use>
							</svg>
							<div class="name">eye-off-fill</div>
							<div class="code-name">#icon-eye-off-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-close-fill"></use>
							</svg>
							<div class="name">eye-close-fill</div>
							<div class="code-name">#icon-eye-close-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-filter-line"></use>
							</svg>
							<div class="name">filter-line</div>
							<div class="code-name">#icon-filter-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-information-fill"></use>
							</svg>
							<div class="name">information-fill</div>
							<div class="code-name">#icon-information-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-eye-fill"></use>
							</svg>
							<div class="name">eye-fill</div>
							<div class="code-name">#icon-eye-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-function-fill"></use>
							</svg>
							<div class="name">function-fill</div>
							<div class="code-name">#icon-function-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-indeterminate-circle-line"></use>
							</svg>
							<div class="name">indeterminate-circle-line</div>
							<div class="code-name">#icon-indeterminate-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock-line"></use>
							</svg>
							<div class="name">lock-line</div>
							<div class="code-name">#icon-lock-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-function-line"></use>
							</svg>
							<div class="name">function-line</div>
							<div class="code-name">#icon-function-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock-fill"></use>
							</svg>
							<div class="name">lock-fill</div>
							<div class="code-name">#icon-lock-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-information-line"></use>
							</svg>
							<div class="name">information-line</div>
							<div class="code-name">#icon-information-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-indeterminate-circle-fill"></use>
							</svg>
							<div class="name">indeterminate-circle-fill</div>
							<div class="code-name">#icon-indeterminate-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-more-2-fill"></use>
							</svg>
							<div class="name">more-2-fill</div>
							<div class="code-name">#icon-more-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-loader-line"></use>
							</svg>
							<div class="name">loader-line</div>
							<div class="code-name">#icon-loader-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock-unlock-fill"></use>
							</svg>
							<div class="name">lock-unlock-fill</div>
							<div class="code-name">#icon-lock-unlock-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-more-2-line"></use>
							</svg>
							<div class="name">more-2-line</div>
							<div class="code-name">#icon-more-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu-fold-line"></use>
							</svg>
							<div class="name">menu-fold-line</div>
							<div class="code-name">#icon-menu-fold-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu-unfold-line"></use>
							</svg>
							<div class="name">menu-unfold-line</div>
							<div class="code-name">#icon-menu-unfold-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu-fold-fill"></use>
							</svg>
							<div class="name">menu-fold-fill</div>
							<div class="code-name">#icon-menu-fold-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu-line"></use>
							</svg>
							<div class="name">menu-line</div>
							<div class="code-name">#icon-menu-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-more-line"></use>
							</svg>
							<div class="name">more-line</div>
							<div class="code-name">#icon-more-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-more-fill"></use>
							</svg>
							<div class="name">more-fill</div>
							<div class="code-name">#icon-more-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-question-line"></use>
							</svg>
							<div class="name">question-line</div>
							<div class="code-name">#icon-question-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-share-box-line"></use>
							</svg>
							<div class="name">share-box-line</div>
							<div class="code-name">#icon-share-box-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-refresh-fill"></use>
							</svg>
							<div class="name">refresh-fill</div>
							<div class="code-name">#icon-refresh-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-question-fill"></use>
							</svg>
							<div class="name">question-fill</div>
							<div class="code-name">#icon-question-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-settings-line"></use>
							</svg>
							<div class="name">settings-line</div>
							<div class="code-name">#icon-settings-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-search-fill"></use>
							</svg>
							<div class="name">search-fill</div>
							<div class="code-name">#icon-search-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-settings-fill"></use>
							</svg>
							<div class="name">settings-fill</div>
							<div class="code-name">#icon-settings-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-time-line"></use>
							</svg>
							<div class="name">time-line</div>
							<div class="code-name">#icon-time-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-upload-cloud-fill"></use>
							</svg>
							<div class="name">upload-cloud-fill</div>
							<div class="code-name">#icon-upload-cloud-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-refresh-line"></use>
							</svg>
							<div class="name">refresh-line</div>
							<div class="code-name">#icon-refresh-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-search-line"></use>
							</svg>
							<div class="name">search-line</div>
							<div class="code-name">#icon-search-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-upload-2-line"></use>
							</svg>
							<div class="name">upload-2-line</div>
							<div class="code-name">#icon-upload-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-menu-unfold-fill"></use>
							</svg>
							<div class="name">menu-unfold-fill</div>
							<div class="code-name">#icon-menu-unfold-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-subtract-line"></use>
							</svg>
							<div class="name">subtract-line</div>
							<div class="code-name">#icon-subtract-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-star-line"></use>
							</svg>
							<div class="name">star-line</div>
							<div class="code-name">#icon-star-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-share-line"></use>
							</svg>
							<div class="name">share-line</div>
							<div class="code-name">#icon-share-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-time-fill"></use>
							</svg>
							<div class="name">time-fill</div>
							<div class="code-name">#icon-time-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-star-fill"></use>
							</svg>
							<div class="name">star-fill</div>
							<div class="code-name">#icon-star-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-zoom-out-line"></use>
							</svg>
							<div class="name">zoom-out-line</div>
							<div class="code-name">#icon-zoom-out-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-zoom-in-line"></use>
							</svg>
							<div class="name">zoom-in-line</div>
							<div class="code-name">#icon-zoom-in-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-upload-cloud-line"></use>
							</svg>
							<div class="name">upload-cloud-line</div>
							<div class="code-name">#icon-upload-cloud-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-zoom-in-fill"></use>
							</svg>
							<div class="name">zoom-in-fill</div>
							<div class="code-name">#icon-zoom-in-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-share-fill"></use>
							</svg>
							<div class="name">share-fill</div>
							<div class="code-name">#icon-share-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-zoom-out-fill"></use>
							</svg>
							<div class="name">zoom-out-fill</div>
							<div class="code-name">#icon-zoom-out-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-lock-unlock-line"></use>
							</svg>
							<div class="name">lock-unlock-line</div>
							<div class="code-name">#icon-lock-unlock-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-check-line"></use>
							</svg>
							<div class="name">check-line</div>
							<div class="code-name">#icon-check-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-add-line"></use>
							</svg>
							<div class="name">add-line</div>
							<div class="code-name">#icon-add-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-add-circle-fill"></use>
							</svg>
							<div class="name">add-circle-fill</div>
							<div class="code-name">#icon-add-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-close-line"></use>
							</svg>
							<div class="name">close-line</div>
							<div class="code-name">#icon-close-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-equalizer-line"></use>
							</svg>
							<div class="name">equalizer-line</div>
							<div class="code-name">#icon-equalizer-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-camera-line"></use>
							</svg>
							<div class="name">camera-line</div>
							<div class="code-name">#icon-camera-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-equalizer-fill"></use>
							</svg>
							<div class="name">equalizer-fill</div>
							<div class="code-name">#icon-equalizer-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-headphone-line"></use>
							</svg>
							<div class="name">headphone-line</div>
							<div class="code-name">#icon-headphone-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-image-fill"></use>
							</svg>
							<div class="name">image-fill</div>
							<div class="code-name">#icon-image-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-image-line"></use>
							</svg>
							<div class="name">image-line</div>
							<div class="code-name">#icon-image-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-live-line"></use>
							</svg>
							<div class="name">live-line</div>
							<div class="code-name">#icon-live-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-live-fill"></use>
							</svg>
							<div class="name">live-fill</div>
							<div class="code-name">#icon-live-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-camera-fill"></use>
							</svg>
							<div class="name">camera-fill</div>
							<div class="code-name">#icon-camera-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-play-fill"></use>
							</svg>
							<div class="name">play-fill</div>
							<div class="code-name">#icon-play-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-notification-off-fill"></use>
							</svg>
							<div class="name">notification-off-fill</div>
							<div class="code-name">#icon-notification-off-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-notification-line"></use>
							</svg>
							<div class="name">notification-line</div>
							<div class="code-name">#icon-notification-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-memories-line"></use>
							</svg>
							<div class="name">memories-line</div>
							<div class="code-name">#icon-memories-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pause-line"></use>
							</svg>
							<div class="name">pause-line</div>
							<div class="code-name">#icon-pause-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-notification-fill"></use>
							</svg>
							<div class="name">notification-fill</div>
							<div class="code-name">#icon-notification-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-shuffle-line"></use>
							</svg>
							<div class="name">shuffle-line</div>
							<div class="code-name">#icon-shuffle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-forward-fill"></use>
							</svg>
							<div class="name">skip-forward-fill</div>
							<div class="code-name">#icon-skip-forward-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stop-circle-line"></use>
							</svg>
							<div class="name">stop-circle-line</div>
							<div class="code-name">#icon-stop-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-back-fill"></use>
							</svg>
							<div class="name">skip-back-fill</div>
							<div class="code-name">#icon-skip-back-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-forward-line"></use>
							</svg>
							<div class="name">skip-forward-line</div>
							<div class="code-name">#icon-skip-forward-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-notification-off-line"></use>
							</svg>
							<div class="name">notification-off-line</div>
							<div class="code-name">#icon-notification-off-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stop-circle-fill"></use>
							</svg>
							<div class="name">stop-circle-fill</div>
							<div class="code-name">#icon-stop-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stop-line"></use>
							</svg>
							<div class="name">stop-line</div>
							<div class="code-name">#icon-stop-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-play-line"></use>
							</svg>
							<div class="name">play-line</div>
							<div class="code-name">#icon-play-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stop-fill"></use>
							</svg>
							<div class="name">stop-fill</div>
							<div class="code-name">#icon-stop-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-back-line"></use>
							</svg>
							<div class="name">skip-back-line</div>
							<div class="code-name">#icon-skip-back-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-group-line"></use>
							</svg>
							<div class="name">group-line</div>
							<div class="code-name">#icon-group-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-group-fill"></use>
							</svg>
							<div class="name">group-fill</div>
							<div class="code-name">#icon-group-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-team-fill"></use>
							</svg>
							<div class="name">team-fill</div>
							<div class="code-name">#icon-team-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-fill"></use>
							</svg>
							<div class="name">user-fill</div>
							<div class="code-name">#icon-user-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-user-line"></use>
							</svg>
							<div class="name">user-line</div>
							<div class="code-name">#icon-user-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-team-line"></use>
							</svg>
							<div class="name">team-line</div>
							<div class="code-name">#icon-team-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-link-m"></use>
							</svg>
							<div class="name">link-m</div>
							<div class="code-name">#icon-link-m</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-list-unordered"></use>
							</svg>
							<div class="name">list-unordered</div>
							<div class="code-name">#icon-list-unordered</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-code-view"></use>
							</svg>
							<div class="name">code-view</div>
							<div class="code-name">#icon-code-view</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-organization-chart"></use>
							</svg>
							<div class="name">organization-chart</div>
							<div class="code-name">#icon-organization-chart</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mind-map"></use>
							</svg>
							<div class="name">mind-map</div>
							<div class="code-name">#icon-mind-map</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-link-unlink-m"></use>
							</svg>
							<div class="name">link-unlink-m</div>
							<div class="code-name">#icon-link-unlink-m</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-line"></use>
							</svg>
							<div class="name">map-pin-line</div>
							<div class="code-name">#icon-map-pin-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-fill"></use>
							</svg>
							<div class="name">map-pin-fill</div>
							<div class="code-name">#icon-map-pin-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-time-line"></use>
							</svg>
							<div class="name">map-pin-time-line</div>
							<div class="code-name">#icon-map-pin-time-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-user-fill"></use>
							</svg>
							<div class="name">map-pin-user-fill</div>
							<div class="code-name">#icon-map-pin-user-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-time-fill"></use>
							</svg>
							<div class="name">map-pin-time-fill</div>
							<div class="code-name">#icon-map-pin-time-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pushpin-line"></use>
							</svg>
							<div class="name">pushpin-line</div>
							<div class="code-name">#icon-pushpin-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pushpin-fill"></use>
							</svg>
							<div class="name">pushpin-fill</div>
							<div class="code-name">#icon-pushpin-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-map-pin-user-line"></use>
							</svg>
							<div class="name">map-pin-user-line</div>
							<div class="code-name">#icon-map-pin-user-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-road-map-fill"></use>
							</svg>
							<div class="name">road-map-fill</div>
							<div class="code-name">#icon-road-map-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-road-map-line"></use>
							</svg>
							<div class="name">road-map-line</div>
							<div class="code-name">#icon-road-map-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-restart-line"></use>
							</svg>
							<div class="name">restart-line</div>
							<div class="code-name">#icon-restart-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-edit-fill"></use>
							</svg>
							<div class="name">edit-fill</div>
							<div class="code-name">#icon-edit-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pencil-ruler-2-fill"></use>
							</svg>
							<div class="name">pencil-ruler-2-fill</div>
							<div class="code-name">#icon-pencil-ruler-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-edit-line"></use>
							</svg>
							<div class="name">edit-line</div>
							<div class="code-name">#icon-edit-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pencil-ruler-2-line"></use>
							</svg>
							<div class="name">pencil-ruler-2-line</div>
							<div class="code-name">#icon-pencil-ruler-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-code-line"></use>
							</svg>
							<div class="name">file-code-line</div>
							<div class="code-name">#icon-file-code-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-draft-fill"></use>
							</svg>
							<div class="name">draft-fill</div>
							<div class="code-name">#icon-draft-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-fill"></use>
							</svg>
							<div class="name">file-fill</div>
							<div class="code-name">#icon-file-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-numbers-fill"></use>
							</svg>
							<div class="name">numbers-fill</div>
							<div class="code-name">#icon-numbers-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-copy-line"></use>
							</svg>
							<div class="name">file-copy-line</div>
							<div class="code-name">#icon-file-copy-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-gif-line"></use>
							</svg>
							<div class="name">file-gif-line</div>
							<div class="code-name">#icon-file-gif-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-gif-fill"></use>
							</svg>
							<div class="name">file-gif-fill</div>
							<div class="code-name">#icon-file-gif-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-numbers-line"></use>
							</svg>
							<div class="name">numbers-line</div>
							<div class="code-name">#icon-numbers-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-code-fill"></use>
							</svg>
							<div class="name">file-code-fill</div>
							<div class="code-name">#icon-file-code-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-draft-line"></use>
							</svg>
							<div class="name">draft-line</div>
							<div class="code-name">#icon-draft-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-line"></use>
							</svg>
							<div class="name">file-line</div>
							<div class="code-name">#icon-file-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-mark-line"></use>
							</svg>
							<div class="name">file-mark-line</div>
							<div class="code-name">#icon-file-mark-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-copy-fill"></use>
							</svg>
							<div class="name">file-copy-fill</div>
							<div class="code-name">#icon-file-copy-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-mark-fill"></use>
							</svg>
							<div class="name">file-mark-fill</div>
							<div class="code-name">#icon-file-mark-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-user-fill"></use>
							</svg>
							<div class="name">file-user-fill</div>
							<div class="code-name">#icon-file-user-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-file-user-line"></use>
							</svg>
							<div class="name">file-user-line</div>
							<div class="code-name">#icon-file-user-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chat-history-line"></use>
							</svg>
							<div class="name">chat-history-line</div>
							<div class="code-name">#icon-chat-history-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-message-3-fill"></use>
							</svg>
							<div class="name">message-3-fill</div>
							<div class="code-name">#icon-message-3-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-discuss-line"></use>
							</svg>
							<div class="name">discuss-line</div>
							<div class="code-name">#icon-discuss-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-message-3-line"></use>
							</svg>
							<div class="name">message-3-line</div>
							<div class="code-name">#icon-message-3-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-speak-fill"></use>
							</svg>
							<div class="name">speak-fill</div>
							<div class="code-name">#icon-speak-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-chat-history-fill"></use>
							</svg>
							<div class="name">chat-history-fill</div>
							<div class="code-name">#icon-chat-history-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-speak-line"></use>
							</svg>
							<div class="name">speak-line</div>
							<div class="code-name">#icon-speak-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-discuss-fill"></use>
							</svg>
							<div class="name">discuss-fill</div>
							<div class="code-name">#icon-discuss-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-calendar-line"></use>
							</svg>
							<div class="name">calendar-line</div>
							<div class="code-name">#icon-calendar-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-customer-service-2-line"></use>
							</svg>
							<div class="name">customer-service-2-line</div>
							<div class="code-name">#icon-customer-service-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-customer-service-2-fill"></use>
							</svg>
							<div class="name">customer-service-2-fill</div>
							<div class="code-name">#icon-customer-service-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-calendar-fill"></use>
							</svg>
							<div class="name">calendar-fill</div>
							<div class="code-name">#icon-calendar-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mail-line"></use>
							</svg>
							<div class="name">mail-line</div>
							<div class="code-name">#icon-mail-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-mail-fill"></use>
							</svg>
							<div class="name">mail-fill</div>
							<div class="code-name">#icon-mail-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pie-chart-fill"></use>
							</svg>
							<div class="name">pie-chart-fill</div>
							<div class="code-name">#icon-pie-chart-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stack-fill"></use>
							</svg>
							<div class="name">stack-fill</div>
							<div class="code-name">#icon-stack-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-profile-fill"></use>
							</svg>
							<div class="name">profile-fill</div>
							<div class="code-name">#icon-profile-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-line-chart-line"></use>
							</svg>
							<div class="name">line-chart-line</div>
							<div class="code-name">#icon-line-chart-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-pie-chart-line"></use>
							</svg>
							<div class="name">pie-chart-line</div>
							<div class="code-name">#icon-pie-chart-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-profile-line"></use>
							</svg>
							<div class="name">profile-line</div>
							<div class="code-name">#icon-profile-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-stack-line"></use>
							</svg>
							<div class="name">stack-line</div>
							<div class="code-name">#icon-stack-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-line-chart-fill"></use>
							</svg>
							<div class="name">line-chart-fill</div>
							<div class="code-name">#icon-line-chart-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-home-5-line"></use>
							</svg>
							<div class="name">home-5-line</div>
							<div class="code-name">#icon-home-5-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-home-5-fill"></use>
							</svg>
							<div class="name">home-5-fill</div>
							<div class="code-name">#icon-home-5-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-building-fill"></use>
							</svg>
							<div class="name">building-fill</div>
							<div class="code-name">#icon-building-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-school-fill"></use>
							</svg>
							<div class="name">school-fill</div>
							<div class="code-name">#icon-school-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-building-line"></use>
							</svg>
							<div class="name">building-line</div>
							<div class="code-name">#icon-building-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-school-line"></use>
							</svg>
							<div class="name">school-line</div>
							<div class="code-name">#icon-school-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-line"></use>
							</svg>
							<div class="name">arrow-down-line</div>
							<div class="code-name">#icon-arrow-down-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-line"></use>
							</svg>
							<div class="name">arrow-left-line</div>
							<div class="code-name">#icon-arrow-left-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-line"></use>
							</svg>
							<div class="name">arrow-right-line</div>
							<div class="code-name">#icon-arrow-right-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-line"></use>
							</svg>
							<div class="name">arrow-up-line</div>
							<div class="code-name">#icon-arrow-up-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-left-line"></use>
							</svg>
							<div class="name">arrow-drop-left-line</div>
							<div class="code-name">#icon-arrow-drop-left-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-s-fill"></use>
							</svg>
							<div class="name">arrow-down-s-fill</div>
							<div class="code-name">#icon-arrow-down-s-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-double-line"></use>
							</svg>
							<div class="name">arrow-down-double-line</div>
							<div class="code-name">#icon-arrow-down-double-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-s-line"></use>
							</svg>
							<div class="name">arrow-down-s-line</div>
							<div class="code-name">#icon-arrow-down-s-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-circle-line"></use>
							</svg>
							<div class="name">arrow-down-circle-line</div>
							<div class="code-name">#icon-arrow-down-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-down-circle-fill"></use>
							</svg>
							<div class="name">arrow-down-circle-fill</div>
							<div class="code-name">#icon-arrow-down-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-right-line"></use>
							</svg>
							<div class="name">arrow-drop-right-line</div>
							<div class="code-name">#icon-arrow-drop-right-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-circle-fill"></use>
							</svg>
							<div class="name">arrow-left-circle-fill</div>
							<div class="code-name">#icon-arrow-left-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-s-line"></use>
							</svg>
							<div class="name">arrow-right-s-line</div>
							<div class="code-name">#icon-arrow-right-s-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-circle-line"></use>
							</svg>
							<div class="name">arrow-right-circle-line</div>
							<div class="code-name">#icon-arrow-right-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-s-line"></use>
							</svg>
							<div class="name">arrow-left-s-line</div>
							<div class="code-name">#icon-arrow-left-s-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-circle-fill"></use>
							</svg>
							<div class="name">arrow-up-circle-fill</div>
							<div class="code-name">#icon-arrow-up-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-left-fill"></use>
							</svg>
							<div class="name">arrow-drop-left-fill</div>
							<div class="code-name">#icon-arrow-drop-left-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-right-fill"></use>
							</svg>
							<div class="name">arrow-drop-right-fill</div>
							<div class="code-name">#icon-arrow-drop-right-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-s-fill"></use>
							</svg>
							<div class="name">arrow-left-s-fill</div>
							<div class="code-name">#icon-arrow-left-s-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-down-fill"></use>
							</svg>
							<div class="name">arrow-drop-down-fill</div>
							<div class="code-name">#icon-arrow-drop-down-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-circle-fill"></use>
							</svg>
							<div class="name">arrow-right-circle-fill</div>
							<div class="code-name">#icon-arrow-right-circle-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-down-line"></use>
							</svg>
							<div class="name">arrow-drop-down-line</div>
							<div class="code-name">#icon-arrow-drop-down-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-s-fill"></use>
							</svg>
							<div class="name">arrow-right-s-fill</div>
							<div class="code-name">#icon-arrow-right-s-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-left-line"></use>
							</svg>
							<div class="name">skip-left-line</div>
							<div class="code-name">#icon-skip-left-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-up-line"></use>
							</svg>
							<div class="name">skip-up-line</div>
							<div class="code-name">#icon-skip-up-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-down-line"></use>
							</svg>
							<div class="name">skip-down-line</div>
							<div class="code-name">#icon-skip-down-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expand-up-down-line"></use>
							</svg>
							<div class="name">expand-up-down-line</div>
							<div class="code-name">#icon-expand-up-down-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-double-line"></use>
							</svg>
							<div class="name">arrow-up-double-line</div>
							<div class="code-name">#icon-arrow-up-double-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expand-left-right-fill"></use>
							</svg>
							<div class="name">expand-left-right-fill</div>
							<div class="code-name">#icon-expand-left-right-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-circle-line"></use>
							</svg>
							<div class="name">arrow-left-circle-line</div>
							<div class="code-name">#icon-arrow-left-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-up-fill"></use>
							</svg>
							<div class="name">arrow-drop-up-fill</div>
							<div class="code-name">#icon-arrow-drop-up-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-up-fill"></use>
							</svg>
							<div class="name">skip-up-fill</div>
							<div class="code-name">#icon-skip-up-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-down-line"></use>
							</svg>
							<div class="name">arrow-up-down-line</div>
							<div class="code-name">#icon-arrow-up-down-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-right-double-line"></use>
							</svg>
							<div class="name">arrow-right-double-line</div>
							<div class="code-name">#icon-arrow-right-double-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-down-fill"></use>
							</svg>
							<div class="name">skip-down-fill</div>
							<div class="code-name">#icon-skip-down-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-right-line"></use>
							</svg>
							<div class="name">skip-right-line</div>
							<div class="code-name">#icon-skip-right-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-s-fill"></use>
							</svg>
							<div class="name">arrow-up-s-fill</div>
							<div class="code-name">#icon-arrow-up-s-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-s-line"></use>
							</svg>
							<div class="name">arrow-up-s-line</div>
							<div class="code-name">#icon-arrow-up-s-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-drag-move-2-line"></use>
							</svg>
							<div class="name">drag-move-2-line</div>
							<div class="code-name">#icon-drag-move-2-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-drop-up-line"></use>
							</svg>
							<div class="name">arrow-drop-up-line</div>
							<div class="code-name">#icon-arrow-drop-up-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-left-fill"></use>
							</svg>
							<div class="name">skip-left-fill</div>
							<div class="code-name">#icon-skip-left-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expand-left-right-line"></use>
							</svg>
							<div class="name">expand-left-right-line</div>
							<div class="code-name">#icon-expand-left-right-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-skip-right-fill"></use>
							</svg>
							<div class="name">skip-right-fill</div>
							<div class="code-name">#icon-skip-right-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-right-line"></use>
							</svg>
							<div class="name">arrow-left-right-line</div>
							<div class="code-name">#icon-arrow-left-right-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-expand-up-down-fill"></use>
							</svg>
							<div class="name">expand-up-down-fill</div>
							<div class="code-name">#icon-expand-up-down-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-circle-line"></use>
							</svg>
							<div class="name">arrow-up-circle-line</div>
							<div class="code-name">#icon-arrow-up-circle-line</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-drag-move-2-fill"></use>
							</svg>
							<div class="name">drag-move-2-fill</div>
							<div class="code-name">#icon-drag-move-2-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-up-down-fill"></use>
							</svg>
							<div class="name">arrow-up-down-fill</div>
							<div class="code-name">#icon-arrow-up-down-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-right-fill"></use>
							</svg>
							<div class="name">arrow-left-right-fill</div>
							<div class="code-name">#icon-arrow-left-right-fill</div>
						</li>

						<li class="dib">
							<svg class="icon svg-icon" aria-hidden="true">
								<use xlink:href="#icon-arrow-left-double-line"></use>
							</svg>
							<div class="name">arrow-left-double-line</div>
							<div class="code-name">#icon-arrow-left-double-line</div>
						</li>
					</ul>
					<div class="article markdown">
						<h2 id="symbol-">Symbol 引用</h2>
						<hr />

						<p>
							这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
							这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
						</p>
						<ul>
							<li>支持多色图标了，不再受单色限制。</li>
							<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
							<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
							<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
						</ul>
						<p>使用步骤如下：</p>
						<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
						<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
						<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
						<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
						<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
						<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
					</div>
				</div>
			</div>
		</div>
		<script>
			$(document).ready(function () {
				$('.tab-container .content:first').show();

				$('#tabs li').click(function (e) {
					var tabContent = $('.tab-container .content');
					var index = $(this).index();

					if ($(this).hasClass('active')) {
						return;
					} else {
						$('#tabs li').removeClass('active');
						$(this).addClass('active');

						tabContent.hide().eq(index).fadeIn();
					}
				});
			});
		</script>
	</body>
</html>
